Node.js安装及环境配置（Windows）

Node.js安装及环境配置（Windows）

一、nvm安装

nvm是js的版本管理器。
从github上下载 nvm-setup.zip

二、使用nvm安装Node.js和npm

npm：Node.js的包管理器。

nvm install <version code>

或者安装最新版本

nvm install latest

若下载速度慢，可配置淘宝镜像。修改nvm安装目录下的setting.txt文件
Node.js 镜像: http://npm.taobao.org/mirrors/node/
NPM 镜像: https://npm.taobao.org/mirrors/npm/

常用nvm命令	说明
nvm version	nvm当前版本
nvm list	本机安装的所有node版本
nvm use < version code>	切换版本

至此，Node安装成功。验证->

    node -v

切换Node版本

三、安装Babel及基本使用（可选）

babel：ES6 to ES5转换器。原因：ES6新特性有些浏览器还不支持
0、npm init

npm init

没有git仓储地址，可以手动在C:\Users\用户名 下找到package.json，并添加private属性为true。这样在npm install的时候就不会有 warn了。

{
    ...
    private:"true"
    ...
}

1、babel全局安装:

npm install -g babel-cli

2、在本地项目中安装转换插件（每个项目单独安装）

npm install babel-preset-es2015 --save

3、手动将ES6转换成ES5：

babel 6文件 --out-file 5文件 --presets es2015

4、自动监视 -w （命令行监视等待，会出现假死情况）

babel 6文件 -w --out-file 5文件 --presets es2015

5、客户端转换
安装babel-core(在网页上实时转换6->5)

npm install babel-core@5 -save

Html中加入babel-core实时转换的js代码
browser.min.js

<script type="text/babel">
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.4.4/babel.min.js"></script>

使用Brower sync实时刷新页面（用于测试，记得换ip地址）

npm install -g browser-sync