idea 配置less插件

清疚 2023-10-03 11:31 17阅读 0赞

#### idea 配置less插件 ####

*  安装node.js插件
 *  安装file.watchers和LESS CSS Compiler 插件其中LESS CSS Compiler 需要自己在网上下载，链接：https://pan.baidu.com/s/1QT\_0FEDJZCz0QixKzLkm\_Q
 *  打开idea→settings→Languages & Frameworks→Node.js and NPM；　在打开的面板中点击右侧“+”加号按钮添加需要的“less”组件
 *  在“cmd”命令行 输入“npm install -g less”，安装less，注：找到本机nmp安装目录下执行

## 安装node.js插件 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70]

## 安装file.watchers和LESS CSS Compiler 插件其中LESS CSS Compiler 需要自己在网上下载，链接：https://pan.baidu.com/s/1QT\_0FEDJZCz0QixKzLkm\_Q ##

提取码：1020  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70 1]

## 打开idea→settings→Languages & Frameworks→Node.js and NPM；　在打开的面板中点击右侧“+”加号按钮添加需要的“less”组件 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70 2]

## 在“cmd”命令行 输入“npm install -g less”，安装less，注：找到本机nmp安装目录下执行 ##

打开idea→settings→tools→file watchers; 在打开的面板中点击右侧加号按钮添加less配置，貌似插件自动就配置好了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210720173240971.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2021072109375952.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210721092704508.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2021072109361440.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pnX2NzZG4=,size_16,color_FFFFFF,t_70