如何在远程使用 Visual Studio Code 渲染 Sass/scss？答案

【问题标题】：How to render Sass/scss with Visual Studio Code on remote?如何在远程使用 Visual Studio Code 渲染 Sass/scss？
【发布时间】：2020-09-09 17:20:29
【问题描述】：

我正在寻找一个工具，一个在服务器上将 scss 和 sass 文件编译/渲染为 css 的扩展。

我知道有Live Sass Compiler。但它只能在本地编译。有时我需要在远程/服务器上工作。我正在使用ftp-simple extension 处理远程文件。但是我不能编译scss文件。

有什么解决办法吗？

谢谢

【问题讨论】：

要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题不在 SO 上。
我不是要扩展，我要的是方法
也许你应该删除“我正在寻找一个工具，一个扩展 [...]”然后

标签： visual-studio-code sass

【解决方案1】：

如果您使用的是 node-sass，那么您只需添加 "compile:sass": "node-sass src/assets/sass/main.scss src/assets/css/style.css -w", 在您的 package.json 文件中，像这样。

对于自动编译/渲染使用-w，意思是vs code在你写sass代码的时候观察你的sass代码。

"scripts": {
    "compile:sass": "node-sass src/assets/sass/main.scss src/assets/css/style.css -w",
    "start": "react-scripts start",
  },

或者如果您以其他方式进行操作，请查看此链接sass compile in vs code。

【讨论】：