微信小程序开发,记录1

148 阅读1分钟

1、vscode中的 微信小程序开发相关的扩展

参见:微信小程序开发,VSCODE插件准备 - 掘金 (juejin.cn)

2、微信小程序开发,小技巧

支持路径别名(这个好像有问题,后面有记录): link image.png

在vscode中使用 .scss 写 页面样式,直接生成 .wxss 文件
使用步骤:
1、安装 "Easy Sass" 扩展
image.png 2、配置扩展
image.png 3、配置文件

{
    // 自动保存
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        // "source.fixAll": true,
        "source.fixAll.eslint": true
        // "source.fixAll.stylelint": true
    },
    // sass
    "easysass.formats": [
        // {
        //     "format": "expanded",
        //     "extension": ".css" // 生成 .css文件
        // },
        // {
        //     "format": "compressed",
        //     "extension": ".min.css" // 生成 .min.css文件
        // },
        {
            "format": "expanded",
            "extension": ".wxss" // 生成 .wxss文件
        },
    ],
}

4、效果图 image.png

3、问题记录

小程序的路径别名,不生效
image.png

微信小程序中,在.sccc中引入其他 .scss文件。
image.png