微信小程序实战教程：使用vscode开发

使用vscode开发微信小程序

使用什么IDE是开发者自己的选择，微信开发者工具使用起来总有一些不顺手，所以我使用我比较熟悉的vscode进行开发，顺便在这里给使用vscode的伙伴推荐几个实用插件：

• minapp提供微信小程序标签、属性的智能补全，同时会提供中文文档的智能提示。
• wechat-snippet提供微信小程序中代码的智能补全，可以作为上一个插件的补充
• wxml提供wxml文件的代码高亮以及格式化代码功能
• Live Sass Compiler提供scss文件转换为wxss文件的功能。这个插件默认是将scss文件转换为css文件，需要改为scss文件装换为wxss文件需要修改配置文件，在项目根目录中找到.vscode文件夹（没有的话直接创建一个），然后找到setting.json文件（没有的话创建一个），修改文件内容为：

{
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".wxss",
            "savePath": null
        }
    ]
}
复制代码

效果