安装Nodejs和npm
1.到https://nodejs.org/en/下载最新的版本,安装到d盘下,假设安装后的路径为D:\Program Files\nodejs,
笔者当前的版本v6.10.1,已经集成了npm,可以从
【开始】-【所有程序】-【Node.js】-【node.js command prompt】,打开命令行(经笔者测试直接用windows自带的cmd也可以),
输入以下命令查看Nodejs和npm的版本。
//查看nodejs版本 node -v //查看npm版本 npm -v
看到以下提示说明安装成功
2. 添加环境变量,在桌面上点键计算机-【属性】-【高级系统设置】-【高级】-【环境变量】-【系统变量】-【新建】:
NODE_PATH=D:\Program Files\nodejs\node_modules\npm\
安装Less
- 操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了
- 在【Node.js command prompt】里输入以下命令
d: cd D:\Program Files\nodejs\node_modules\npm //下面命令是安装less,注意一定要有-g,否则还得做些其他工作 npm install less -g //下面命令用于安装css压缩插件 npm install less-plugin-clean-css
安装完成后就可以使用lessc的命令了
//下面命令编译less文件生成css lessc d:\styles.less d:\styles.css //下面命令启用css压缩插件,生成压缩后的css文件 lessc d:\styles.less d:\styles.min.css -clean-css
上面的命令保能处理单个less文件,可以在WebStorm里配置Watcher,在编辑less文件的同时,自动生成css文件