vscode中小程序使用less转wxss

1、下载Easy WXLESS插件

vscode扩展搜索Easy WXLESS下载安装
vscode中小程序使用less转wxss_第1张图片
此时项目新建less文件保存后出现同名同目录wxss文件
但是会发现所有项目都会进行less转wxss。

2、vscode全局设置less不转wxss

2.1、vscode中设置搜索settings.json

"less.compile": {
    "compress": false, // 设置是否有空格回车, true为格式化
    "sourceMap": false, // 设置是否生成.wxss.map文件
    "out": false, // 设置是否生成wxss文件
      },

此时所有项目都不会出现less转wxss

3、单个项目设置less转wxss

3.1、项目根目录创建.vscode文件夹

3.2、.vscode文件夹下创建settings.json文件

vscode中小程序使用less转wxss_第2张图片

3.3、settings.json文件添加如下代码

{   
  "less.compile": {
     "compress":  false,
     "sourceMap": false,
     "out":       true
  }
}

你可能感兴趣的:(wxss,vscode,vscode,小程序,less)