码迷,mamicode.com
首页 > Web开发 > 详细

Webstorm 安装less及其配置

时间:2018-03-03 21:26:03      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:nts   class   put   配置   log   work   watch   back   color   

安装过程:

一、安装node.js:

二、使用node.js 安装

  在命令窗口中输入: npm install -g less 进行less的安装。

三、webstorm的设置

1.设置external tool

tools --> external tool --> 点击+

技术分享图片

Programs:node.exe的安装路径

ParamentersC:\dev\nvm\npm\node_modules\less\bin\lessc(从npm的安装路径中找到lessc文件)$FilePath$ $FileDir$\$FileNameWithoutExtension$.css

Working directory:nodejs的安装路径

2.

设置filewatchers

tools --> file  watchers --> 点击+”-->less

技术分享图片

program:从node安装路径中找到lessc.cmd文件

arguments:--no-color $FileName$

Outputpaths to refresh:$FileNameWithoutExtension$.css

Webstorm 安装less及其配置

标签:nts   class   put   配置   log   work   watch   back   color   

原文地址:https://www.cnblogs.com/hitwgs/p/8502891.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!