VS代码SCSS自动编译为CSS

我完全是编程初学者，刚开始学习HTML/CSS。对于编码我开始使用VS代码。我真的很喜欢它。VS代码SCSS自动编译为CSS

到目前为止唯一的问题，我得到的是自动编译SCSS到CSS。我已经搜索和阅读了很多解决方案，并且我发现的最好的是在VS代码终端中使用ruby + sass +代码sass --watch .当创建新的SCSS时，它正在观察我的项目并创建新的CSS。它正在关注SCSS的变化。但问题在于，每次启动VS代码时都必须输入此代码。

也尝试过使用Gulp文件和package.json解决方案，但也无法使其自动启动。而且必须分别为每个项目制定。我也试过Atom，它有sass-autocompile package，它完美的工作。所以，对我来说最简单的方法就是使用Atom并忘记。但我想使用VS Code。

所以，一般的问题是，是否有可能为VS Code创建扩展以自动将SCSS编译为CSS（类似于Atom的包，这将是最好的IMO）。或者也许有人可以解释我如何解决这个问题。

来源

2017-03-01 Janis.B

你需要两样东西：

tasks.json文件
银翼杀手扩展VS CODE

开始在你的项目中创造.vscode文件夹。

然后在其中创建tasks.json文件，内容如下：

{ 
    "version": "0.1.0", 
    "command": "sass", 
    "isShellCommand": true, 
    "args": ["--watch", "."], 
    "showOutput": "always" 
}

现在，打开项目后，您可以通过点击按Ctrl + Shift + B运行任务。

要自动化的过程中使用银翼杀手扩展 - https://marketplace.visualstudio.com/items?itemName=yukidoi.blade-runner

银翼杀手将开盘项目:)

来源

2017-03-11 19:36:56 gabrieln

谢谢Gabrieln后自动运行的任务！你的方法有效！它关闭VS Code时要求终止任务，但这不是问题。 –

VS代码SCSS自动编译为CSS

回答

相关问题