安装Nodejs、npm、Less（支持生成压缩后的css）

时间：2021-03-25 05:54:02

安装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

看到以下提示说明安装成功

安装Nodejs、npm、Less（支持生成压缩后的css） 
2. 添加环境变量，在桌面上点键计算机-【属性】-【高级系统设置】-【高级】-【环境变量】-【系统变量】-【新建】： 
安装Nodejs、npm、Less（支持生成压缩后的css）

NODE_PATH=D:\Program Files\nodejs\node_modules\npm\

安装Less

  1. 操作前确定成功安装less，检测方法，在命令行（cmd）,输入lessc -v，看到如下类似内容，则说明安装过了
  2. 安装Nodejs、npm、Less（支持生成压缩后的css）
  3. 在【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文件

相关文章