小程序与vscode与sass的连用

做开发的时候，为了更高效的开发开发，我们会选择小程序开发者工具跟vscode的连用。
步骤如下：
1.先用小程序创建一个项目

我存的路径是桌面，然后就跟创建小程序项目一样

新建好如下：

2.再用vscode打开该项目

如图所示

3.然后进行小程序的插件安装
安装vscode weapp api，这是小程序的语法结构api

安装vscode wxml这个插件，主要是针对wxml文件的

安装vscode-wechat这个插件

安装一下Easy WXLESS，是针对wxss文件的

4.安装完插件后，重启vscode
然后在vscode中编辑项目，就能生效了~

5.配置sass
先安装一个插件Live Scss Compiler

创建一个 .vscode文件夹 里面创一个 settings.json文件
我的是自动创建的

在后面添加一段代码

"liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".wxss",
      "savePath": null
    }
  ],
  "liveSassCompile.settings.generateMap": false  // 去掉map文件

如图所示：


把改文件名字改成index.scss

然后会显示一个插件被激活

会自动生成一个index.wxss文件
配置完成