VScode配置并Less插件

Posted sgsw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VScode配置并Less插件相关的知识,希望对你有一定的参考价值。

一、安装Esay Less插件
(1) 按 Ctrl+Shift+X 打开VScode应用商店,搜索Esay less并安装
(2) 件 => 首选项 => 设置 => 输入easy => 在setting.json中编辑,在大括号内加入下面内容:

"less.compile": {
"compress": true, // 是否删除多余空白字符
"sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
"out": true, // 是否编译输出文件
"outExt": ".css", // 输出文件的后缀,默认为.css
}

二、安装Less
(1) 下载安装node.js,官网下载: https://nodejs.org/zh-cn/
(2) 按 Win+R 输入 CMD
(3) 输入npm install -g less 回车,等待安装完毕即可

以上是关于VScode配置并Less插件的主要内容,如果未能解决你的问题,请参考以下文章

vscode 开发微信小程序环境配置

配置 VScode 编辑器 (前端篇)

VSCode插件开发全攻略代码片段设置自定义欢迎页

从零开始配置vim(27)——代码片段

[vscode]--HTML代码片段(基础版,reactvuejquery)

vscode 实用插件