安装node.js和less

安装node.js
一、安装环境
1、本机系统：Windows 10 Pro（64位）
2、Node.js：v6.9.2LTS（64位）

二、安装Node.js步骤
1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2、选安装目录进行安装
3、环境配置
4、测试

下载Node.js
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图：

下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js





**


至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

安装完后的目录如下图所示：
此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西
环境配置
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\ChromeCoreDownloads\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，打开cmd命令窗口，输入

npm config set prefix "D:\ChromeCoreDownloads\nodejs\node_global"

npm config set cache "D:\ChromeCoreDownloads\nodejs\node_cache"

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\ChromeCoreDownloads\nodejs\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】



测试
配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，
输入如下命令进行模块的全局安装：

npm install express -g     # -g是全局安装的意思

操作完成后目录文件如下：

less的安装教程
由于less是基于node环境的，因此想使用less必须先安装node.js，安装成功后安装less
在命令窗口下接着输入下载less的命令语句：npm install -g less 安装，输入lessc -v查看是否成功安装。

安装成功！
接下来就是如何使用了，由于我们html文档引用的是css文件，因此我们还需要在我们的vs-code上安装一个解析的插件easy less 很好记，简单的less。

tips:安装完成不要着急直接使用，先重启一下你的vs-code，然后再使用。

安装完成以后就可以测试一下啦。

保存以后，自动生成了test.css，看一下生成的代码是什么？