工作生活

Vscode 配置less转wxss

2019-07-04  本文已影响0人  九三的故事

在开发微信小程序时,写css会比较麻烦,效率不高,最好的办法就是使用less或者sass,可以使用gulp等配置编译,但是使用此法又略显麻烦,最好的办法就是使用Vscode装一个less转wxss插件, Easy LESS

以下是相关配置:

image.png

1.在Vscode中搜索easy less 插件并安装;
2.在项目下建一个.vscode文件夹,并在.vscode文件夹下建一个settings.json,settings.json 中配置内容如下:

"less.compile": {
    "outExt": ".wxss"
}

3.outExt 参数为导出文件名,默认为.css,可以配置为.wxss,其他配置项可查看:https://github.com/mrcrowl/vscode-easy-less

也可以配置文件生成目录:

"less.compile": {
    "out": "${workspaceRoot}\\css\\css\\"
}

${workspaceRoot}代表当前项目的根目录,后面路径自行配置。

上一篇 下一篇

猜你喜欢

热点阅读