使用微信开发工具手写css真的每次都很浪费时间;现在终于可以用scss在微信开发者工具上自编译出wxss了
主要配置流程如下
1,下载EasySass插件复制到微信开发者工具,可以在vscode扩展里面找,然后安装,安装后可以在C盘 用户目录/.vscode/extensions
找到下载的扩展包
2,打开微信开发工具 找到菜单栏 设置 > 扩展设置 > 拓展 > 编辑器自定义扩展
打开扩展文件夹, 将vscode安装的扩展包复制到这里,然后重启微信开发工具,然后找到菜单栏 设置 > 扩展设置 > 拓展 > 编辑器自定义扩展
就能看到扩展文件,点击开启
3,配置编辑器,找到菜单栏 设置 > 扩展设置 > 编辑器 > 更多及工作区设置
进入设置页面,点击扩展 找到 EasySass configuration
看到 formats
在 setting.json
中编辑进入后就会看到生成的配置信息,将.css改为.wxss,如果不想要压缩版可删除
"easysass.formats": [
{
"format": "expanded",
"extension": ".css"
},
{
"format": "compressed",
"extension": ".min.css"
}
]
改为
"easysass.formats": [
{
"format": "expanded",
"extension": ".wxss"
}
]