VS Code 使用 LESS 编程

LESS的官网 以及文件的下载

• 官网 https://less.bootcss.com/
  
• 文件的下载地址 https://cdn.jsdelivr.net/npm/less@4

VSCode 安装 easy LESS 插件

配置 less 运行环境

在VS Code 设置里修改setting json配置

在 setting.json 添加这几行代码

"less.compile": {
    "compress": false,
    "sourceMap": false,
    "out": "..\\css\\" // 这里是代表编译后生成的css文件所放的位置
  }

LESS 的使用效果

HTML 里引入 less.js 文件

打开一个.less后缀的 less 文件 按CTRL+S 保存 之后便会自动创建 settings.json 的less.compile.out 参数指定的文件夹，然后在该文件夹中创建同名的，编译好的 css 文件

原先HTML 里的 less.js的引用就可以删除了