先建好scss文件还有css文件

1.设置

在这里插入图片描述

2.在 Plugins搜索file watcher

在这里插入图片描述
在这里插入图片描述

3.在 Tools 的下面找到 file watcher

在这里插入图片描述
点+选择SCSS
在这里插入图片描述
进去后，默认是这样配置的：
在这里插入图片描述
在Arguments修改默认参数

--no-source-map $FileName$:$FileNameWithoutExtension$.css

注释：

--no-source-map   #不生成map文件

下图是我修改后的图：
在这里插入图片描述

4.当修改了scss文件里的样式时，软件会自动帮你编译成css,如下图：

在这里插入图片描述

在这里插入图片描述

# html # css
Logo
EazyDevelop社区

一站式 AI 云服务平台

更多推荐

cover

5分钟搞定！MySQL/PostgreSQL 到 Elasticsearch 的实时同步

avatar EazyDevelop社区
cover

两小时，我搭了一套销售提成计算系统

avatar EazyDevelop社区
cover

零代码时代：如何利用聚合API平台快速构建你的专属AI Agent

avatar EazyDevelop社区