ES6: babel配置与babel-clic安装

    本来以为几分钟能配置完的东西，结果几乎花了两个小时来配置babel环境。最后是参考了官方文档的一些说明，才成功的配置出来。这也算是个教训，官方文档不可不看。在此写下这篇文章，避免大家以后走一样的弯路。

    Babel：是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

    环境：Mac/OS X （Linux下应该也是一样）

1、使用express来快速新建一个项目

    这里采用express只是为了快速建立一个项目，只要项目目录中有package.json文件，都可以正确安装

    如果没有安装express，请先安装：

npm install express：

    存在express的情况下，运行

express app

    成功安装后，目录下有这些文件

    可以看见目录中已经有package.json

2、执行安装命令

    安装babel：

npm install --save-dev babel-preset-es2015

    安装babel-cli（如不需要，请直接跳至配置.babelrc部分）：

npm install --save-dev babel-cli

    之后，再查看package.json

    可以看见依赖devDependencies中，已经显示babel-cli的版本为：6.0.0

3、添加命令

    在package.json中，添加scripts项，并设置build命令（如果没有该项，请添加。有的话，只需增加build命令）

+   "scripts": {+     "build": "babel src -d lib"+   }

    注意, src为你需要babel转化的对应文件夹，之后生成的文件会保存在lib中

4、配置.babelrc

    配置该目录时，需要回到项目的跟目录，在express项目中，是与app同一级别的目录中，新建一个名为.babelrc的文件

    配置信息：

{  "presets": ["es2015"]}

5、运行

    进入项目目录（app），如果采用上面的命令，由于当前目录下面还没有src文件，所以请新建src

mkdir src

npm run build

    大功告成～