我是编程新手,刚刚开始学习 HTML/CSS。
对于编码,我开始使用 VS Code。我真的很喜欢它。
到目前为止,我遇到的唯一问题是将 SCSS 自动编译为 CSS。
我搜索并阅读了许多解决方案,我发现最好的解决方案是在 VS Code 终端中使用 ruby + sass + codesass --watch .
它正在监视我的项目并在创建新的 SCSS 时创建新的 CSS。它正在观察 SCSS 的变化。但问题是每次启动 VS Code 时都必须输入此代码。
还尝试使用 Gulp 文件和 package.json 解决方案,但也无法使其自动启动。而且必须为每个项目单独制作。
我也尝试过Atom,它有sass-自动编译包,而且效果很好。所以,对我来说最简单的方法就是使用 Atom 然后忘记。但我想使用 VS Code。
因此,通常的问题是是否有可能为 VS Code 创建扩展来自动将 SCSS 编译为 CSS(类似于 Atom 的包,在我看来这是最好的)。或者也许有人可以用其他方式向我解释如何解决这个问题。
你需要两件事:
-
任务.json file
-
银翼杀手VS CODE 的扩展
从创建开始.vscode项目中的文件夹。
然后在其中创建任务.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
打开项目后,Blade Runner 将自动运行任务:)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)