小程序使用scss简易教程

662 阅读1分钟

微信小程序开发者工具集成了 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]