前端开发 大前端 W3Cbest

一个专注 WEB 开发的技术博客

0%

使用微信开发工具配置SCSS编译

使用微信开发工具手写css真的每次都很浪费时间;现在终于可以用scss在微信开发者工具上自编译出wxss了

主要配置流程如下

1,下载EasySass插件复制到微信开发者工具,可以在vscode扩展里面找,然后安装,安装后可以在C盘 用户目录/.vscode/extensions 找到下载的扩展包

2,打开微信开发工具 找到菜单栏 设置 > 扩展设置 > 拓展 > 编辑器自定义扩展 打开扩展文件夹, 将vscode安装的扩展包复制到这里,然后重启微信开发工具,然后找到菜单栏 设置 > 扩展设置 > 拓展 > 编辑器自定义扩展 就能看到扩展文件,点击开启

3,配置编辑器,找到菜单栏 设置 > 扩展设置 > 编辑器 > 更多及工作区设置 进入设置页面,点击扩展 找到 EasySass configuration 看到 formatssetting.json 中编辑进入后就会看到生成的配置信息,将.css改为.wxss,如果不想要压缩版可删除

"easysass.formats": [
    {
    "format": "expanded",
    "extension": ".css"
    },
    {
    "format": "compressed",
    "extension": ".min.css"
    }
]

改为

"easysass.formats": [
    {
    "format": "expanded",
    "extension": ".wxss"
    }
]
坚持技术创作分享,您的支持将鼓励我继续创作!