下载Node.js WebStrom安装配置less

安装配置less需要下载node.js

1 安装Node.js

1.1 什么是Node.js

 如果说Node.js是一个门编程语言，那么它几乎没有定义语言应该有的特性，因为它的语法本身，就是前端大名鼎鼎的JavaScript语言。如果说Node.js不是一门编程语言，它确实可以做所有其他后端语言，可以做的事情，它扩展了JavaScript这门编程语言的能力。所以，我更倾向于将Node.js认为是一个，JavaScript语言运行环境（尽管它本来就是）。

1.2 Node.js安装

官网下载地址：https://nodejs.org/en/

 下载直接安装就可以，一路狂点next。

 安装完成后的文件夹目录。

1.3 查看下载是否成功

可以打开命令行 进入安装node的文件夹，比如我的在D:\Program Files\node js 进入文件夹输入 node -v查看node版本号。

1.4 安装less

 在node目录文件夹输入 npm install -g less 命令

 红色方框里的路径一定要记住，在webstrom配置less会用到

2 WebStrom安装配置less

打开WebStrom软件 —File—setting—Tools 如下图所示，跟着步骤建立less

点击ok后出来一下界面，方框里的目录是less的生成目录，与cmd命令行方框一样

123 配置如下所示。
Program：C:\Users\wjing\AppData\Roaming\npm\lessc.cmd
Arguments：--no-color $FileName$
Output paths to refresh：$FileNameWithoutExtension$.css

Tools—External Tools 根据步骤配置

“Program”是“node.exe”的实际路径，这里我填写上面的：D:\Program Files\nodejs\node.exe

“Parameters”是less的安装目录，这里填上面红色方框里记录的再加上 $FilePath$,如下：

C:\Users\wjing\AppData\Roaming\npm\lessc $FilePath$

“Working directory”就是nodejs的安装目录，完成步骤3后自动生成，D:\Program Files\nodejs

以上步骤完成后既可以实现创建.less文件时生成.css文件。

2.1 遇到的问题

刚开始在setting里配置老是失败。
可以创建一个.less文件运行以下命令行，在文件夹里查看是否生成对应的css文件。