vsCode 插件

一、live-server ： 浏览器实时刷新

1、安装 vsCode、node.js

2、全局安装 live-server 　　

cnpm install -g live-server

3、进入页面所在目录,执行命令：live-server

　

二、 Easy Sass : 编译Sass

文件 –> 首选项 –> 设置 –> 搜索 “easysass”，将easysass相关设置复制到编辑窗口根据实际情况修改

一般生产环境会用到其中两个设置项（上图红框处中的代码）：

/** Easy Sass 插件 **/ "easysass.formats": [         { "format": "compressed", // 压缩 "extension": ".css" } ], "easysass.targetDir": "./" // 自定义css输出文件路径

easysass.formats ：设置编译输出的 css 风格的，可以同时编译输出多个不同风格的 CSS 文件

生产环境中，在很多情况下 Sass 文件和 CSS 文件是不在同一个目录下的，而Easy Sass 默认输出的 CSS 是和当前 Sass 文件处于相同目录的，为此我们需要配置输出路径。