2023年6月21日发(作者：)

vscode⾥初次使⽤scss，将scss⾃动转成css然后运⾏sass -v查看其版本，确保sass成功安装。（特别注意！ 我看了很多教程这⼀步都是直接说运⾏这个语句，但是我在cmd中运⾏这个语句是⽆法识别的，需要到ruby下⾯去运⾏，如下）打开它，运⾏sass -v显⽰如下，则表⽰sass安装成功。四、1. 在vscode拓展商店中安装 easy sass，安装成功后要重新加载⽣效，所以关掉软件再打开。（存疑，不确定是否有这个必要，但是我每次都这样做）2. 点击 ⽂件 → ⾸选项 →设置→点击“⼯作区”，如下点击右上⾓第⼀个⼩图标，打开json，将粘如以下代码：/ Easy Sass 插件 /“s”: [{“format”: “compressed”, // 压缩“extension”: “.css”}],“Dir”: “” // ⾃定义css输出⽂件路径 当前⽬录下如下图所⽰：到此，sass安装结束。五、其他1.创建scss⽂件编辑后保存会⾃动⽣成⼀个同名的css⽂件，在HTML⽂件中导⼊的⽂件后缀就是css2.我在安装sass以及完成其他配置之前已经写好scss⽂件，这些⼯作完成后再运⾏html⽂件还是发现没有成功导⼊scss⾥⾯的样式，尝试⾃⼰建⼀个同名的css⽂件也失败了。后⾯重新建scss⽂件保存后⾃动⽣成css⽂件， 成功运⾏。所以！ 如果你和我⼀样安装配置好之后还是没运⾏成功，尝试⼀下删掉重建。

2023年6月21日发(作者：)

vscode⾥初次使⽤scss，将scss⾃动转成css然后运⾏sass -v查看其版本，确保sass成功安装。（特别注意！ 我看了很多教程这⼀步都是直接说运⾏这个语句，但是我在cmd中运⾏这个语句是⽆法识别的，需要到ruby下⾯去运⾏，如下）打开它，运⾏sass -v显⽰如下，则表⽰sass安装成功。四、1. 在vscode拓展商店中安装 easy sass，安装成功后要重新加载⽣效，所以关掉软件再打开。（存疑，不确定是否有这个必要，但是我每次都这样做）2. 点击 ⽂件 → ⾸选项 →设置→点击“⼯作区”，如下点击右上⾓第⼀个⼩图标，打开json，将粘如以下代码：/ Easy Sass 插件 /“s”: [{“format”: “compressed”, // 压缩“extension”: “.css”}],“Dir”: “” // ⾃定义css输出⽂件路径 当前⽬录下如下图所⽰：到此，sass安装结束。五、其他1.创建scss⽂件编辑后保存会⾃动⽣成⼀个同名的css⽂件，在HTML⽂件中导⼊的⽂件后缀就是css2.我在安装sass以及完成其他配置之前已经写好scss⽂件，这些⼯作完成后再运⾏html⽂件还是发现没有成功导⼊scss⾥⾯的样式，尝试⾃⼰建⼀个同名的css⽂件也失败了。后⾯重新建scss⽂件保存后⾃动⽣成css⽂件， 成功运⾏。所以！ 如果你和我⼀样安装配置好之后还是没运⾏成功，尝试⼀下删掉重建。