在nodes上将es6转化为es5，安装cnpm的方式

一、npm 包管理者（node自带，无需下载）
1.查看版本号

  >node -v
  >npm -v

2.初始化node模块

  >npm init (有一系列询问）
  >npm init -y  （直接创建完成）

3.安装第三方模块
原因：因为npm的仓库在国外，在国内使用很慢
国内b：淘宝镜像：http://registry.npm.taobao.org
①修改npm仓库路径（不建议使用）
npm config set registry http://registry.npm.taobao.org
②下载cnpm(通过npm下载cnpm并将cnpm地址设置为国内淘宝镜像）

>npm install cnpm -g --registry http://registry.npm.taobao.org
  
  >cnpm config list //查看仓库地址
  >cnpm install jquery //下载jquery框架
  >cnpm uninstall jquery //卸载jquery框架
  

③下载yarn
优点：加载速度更快/效率更高，指定版本，缓存机制

npm install yarn -g
yarn add jquery
yarn remove jquery

二、安装babel插件
作用：将es6转换为es5
1.在线全局安装/本机适用
①安装
cnpm install babel-cli -g
②安装预设(转换规则）
a. babel-preset-latest
b.babel-preset-es2015
c.babel-preset-react
③编写配置文件（在当前根目录下）
vi .babelrc

{
	"presets":["es2015"]
}

④代码转换

1. 将a.js文件中es6代码转换为es5,并将转换结果打印在控制台
   > babel a.js
   2) 将a.js文件中es6语法转换为es5,并将转换结果放在b.js中
   > babel a.js --out-file b.js
   3) 将src目录(es6语法)中的文件转码，转成dist目录(es5语法)【类似于vue项目的打包】
   > babel src --out-dir dist

2.局部安装
①新建文件夹dir
②进入dir并初始化模块

cd app1
cnpm init //所有询问都回车即可，创建出一个package.json文件（项目配置文件）
cnpm init -y //快速初始化，没有询问

③本地安装babel

cnpm install --save babel-cli //产品依赖（项目上线后仍需要的依赖）
cnpm install --save-dev babel-cli //开发依赖（仅在开发阶段需要的依赖）

④安装预设

cnpm install --save-dev babel-preset-es2015

⑤添加配置文件

{
“presets”:[“es2015”]
}

⑥代码转换

1. 将a.js转码，打印到控制台
   > babel a.js

2. 将a.js转码，转码后代码存到b.js中
   > babel a.js --out-file b.js

3. 将src目录中所有文件进行转码，另存为dist

babel src --out-dir dist

⑦拓展
可以使用cnpm run 命令进行转码操作
方法：在package.json文件的script中添加

>"build":"babel src --out-dir dist

使用：

cnpm run build

三、注意
注意：当我们将项目上传到gitee上时，不要把node_modeules一起上传，应当将node_modeules删掉，然后上传；所以当我们从gitee上克隆下来项目的时候，需要重新安装依赖
> cnpm install