WebStorm下配置 nodejs less

1、  下载 nodejs

2、  安装到目录  E:\nodejs;

3、  打开cmd  检测 :    

$ node -v  ---->输出 v5.10.1;         

$ npm –v  ---->输出 3.8.6

 

4、  新建package.json: 

$ npm init

 

5、  cmd进入E:\nodejs目录 $ npm install less 安装less组件

 

6、  配置WebStorm ：

7、 打开file->Settings->Tools->External Tools,右侧左上角点击+号：

设置值分别为：

Name: LESS

Program: E:\nodejs\ node.exe

Parameters:E:\nodejs\node_modules\less\bin\lessc $FilePath$ $FileDir$\$FileNameWithoutExtension$.css

Working directory: E:\nodejs\

点击OK，后再点击Settings面板的Apply

 

8、  设置keymap

Settings面板选择Keymap->External Tools->External Tools -> LESS,右键单击选择Add Keyboard Shortcut,设置快捷键为：ctrl+L,按自己的习惯设置，然后点击OK

 

打开项目：选中f.less,快捷键：ctrl+L ,自动生成f.css,至此,配置完毕