微信小程序开发者工具集成了 Vscode 编辑器,可以使用 vscode 中众多的插件,为我们开发微信小程序提供了极大的便利。我们可以借助 easysass 插件实现在微信开发中使用 sass,安装步骤如下。
一、在Vscode中安装EasySass插件
二、把EasySass插件文件复制到小程序开发工具中,Vscode插件路径C:\Users\用户.vscode\extensions
三、打开微信小程序开发工具 找到编辑下的打开编辑器扩展目录,将复制好的EasySass插件复制到文件夹中,并重启小程序开发工具
四、修改EasySass插件的spook.easysass-0.0.6/package.json配置,以下均在小程序开发工具中设置
五、配置代码
[qzdypre]
{
"editor.fontFamily": "Consolas",
"editor.fontSize": 16,
"editor.lineHeight": 32,
"files.autoSave": "off",
"editor.wordWrap": "on",
"editor.minimap.enabled": false,
"editor.insertSpaces": true,
"editor.tabSize": 4,
"workbench.editor.enablePreview": true,
"workbench.editor.enablePreviewFromQuickOpen": true,
"editor.detectIndentation": false,
"easysass.formats": [
{
"format": "expanded",
"extension": ".wxss"
}
],
"[json]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[javascript]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"editor.codeActionsOnSave": null
}
[/qzdypre]