Windows7下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境的图文教程

1、 打开nodejs官网http://www.nodejs.org/，点“downloads”,点64-bit下载“node-v0.10.33-x64.msi”。

2、 下载好后，双击“node-v0.10.33-x64.msi”，按照默认选项安装nodejs，默认安装路径为：c:\program files\nodejs。

（请根据系统位数自行安装）

3、 “开始”-->cmd,打开cmd程序，输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明nodejs和npm都已安装成功。

4、“开始”-->cmd,打开cmd程序，输入“cd c:\program files\nodejs”,进入nodejs安装目录。输入npm install less -g 回车，安装less组件。稍等片刻，完成后，你会发现c:\users\wind\appdata\roaming\npm\node_modules 目录下有less组件。

至此windows7 x64系统下安装nodejs及配置less组件已基本完成，接下来我们配置webstorm 9.0.1，使其能将less文件编译成css文件。

 

5、开启jetbrains webstorm 9.0.1程序，打开一个含有leess的项目，该项目中含有“default.less”文件。

6、file-->settings（设置）,打开设置选项。找到“external tools”(外部工具)扩展工具设置项，点开右侧的“+”，在name栏输入“less”，“tool settings”分别输入如下：

program: c:\program files\nodejs\ node.exe （你安装目录所在的文件）

parameters: c:\users\administrator\appdata\roaming\npm\node_modules\less\bin\lessc $filepath$ $filedir$\$filenamewithoutextension$.css （用户名默认administrator，有变化的话自行更改，并粘贴这一行）

working directiry: c:\program files\nodejs （你安装的目录）

确认输入无误后点右下的“ok”按钮。然后再点settings 版右下的“apply”应用按钮。

7、在settings 面板顶端输入“key”,找到快捷键设置项“keymap”(快捷键)，在右侧找到“external tools”（外部工具）点开，点选“less”并单击右键，选择“add keyboard shortcut”,在出现其面板的“first stroke”处同时按下“alt+b”键，这样就将“alt+b”设置为将less文件编译成css文件的快捷键。当然你可以根据自己的实际情况设置成其它的快捷键。确认好后点settings 面板右下的“ok”按钮。

 

 

8、回到打开的default.less文件，按下“alt+b”快捷键，看看“default.css”是不是生成了！

 

至此已成功将less文件编译成css文件。

以上所述是小编给大家介绍的windows7下安装 nodejs 并在 webstorm 9.0.1 下搭建编译 less 环境的图文教程，希望对大家有所帮助