让nodeJS支持ES6的词法----babel的安装和使用

　　要使用Babel， 咱们须要nodeJS的环境和npm， 主要安装了nodeJS， npm就默认安装了 ， 如今安装nodeJS很简单了， 直接下载安装就行了；

　　安装es-checker

　　在使用Babel以前 ， 咱们要先检测一下当前node对es6的支持状况， 咱们使用先es-checker， 命令行下执行：

npm -g install es-checker

　　es-checker安装完毕之后， 命令行执行：es-checker ， 以下图， 个人node环境版本是v4.4.3， 支持64%哦 ： 

　　babel的安装

　　因此咱们来安装babel吧， 有了babel， 可以使用更多高级词法！

　　首先新建一个工做目录， 而后建立一个package.json的文件， 内部内容为：

{
  "name": "my-project",
  "version": "1.0.0",
  "devDependencies": {
  }
}

　　而后再打开cmd(命令行), 在工做目录下执行命令安装babel-cli：

npm  --save-dev install babel-cli

　　再安装一个全局的babel-cli：

npm -g  install babel-cli

 

　　接着在工做目录建立一个名字为.babelrc的文件， 文件内容入以下（ 要注意window系统下建立这种文件系统会提示你：“必须键入文件名” ， 你能够找别的方式去建立， 我是在开发工具的工程目录中把这个文件建立出来的）：

 {
    "presets": [
      "es2015"
    ],
    "plugins": []
  }

　　安装babel-preset-es2015

　　仍是工做目录， 而后再安装babel-preset-es2015：

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

　　到目前为止babel算是安装完毕了：

 

　　测试es6代码

　　建立一个test.js的文件， 键入内容：

let [a,b,c] = [1,2,3];
console.log(a,b,c);

　　在当前目录下执行：

babel-node test

　　结果应该是这样的：

　　若是直接用执行node test， 我这边会报异常： SyntaxError: Unexpected token [

 

　　相关

　　　　nodeJS ： https://nodejs.org/en/

　　　　babel官网 ： https://babeljs.io/

　　　　阮老师的博客：http://www.ruanyifeng.com/blog/2016/01/babel.html

做者： NONO
出处：http://www.cnblogs.com/diligenceday/
QQ：287101329
微信：18101055830