ES6其实就是javascript的升级版。有些浏览器已经慢慢支持ES6，或者在node的环境下也可以支持ES6，但支持都只是大部分支持。在最终代码上线的时候我们还是要把项目代码转成ES5比较靠谱。而环境的搭建是第一步，在接下来的学习过程中，我会把所有的坑记录下来。
第一步：node.js的安装。下载请到http://nodejs.cn/下载对应的版本。windows下载.msi文件到桌面进行安装。安装完成后在命令行中输入nodev -v查询是否安装成功。
第二步：安装常用的模块，例如express（npm install -g express）。
第三步 ：安装es检查器，命令行输入 npm install es-checker，然后再输入es-checker查看当前node版本对es6的支持程度。
第四步：创建 .babelrc文件，这个文件要在linux下面才可以创建的。因此，可以通过git bash进入到项目的文件目录下，输入touch .babelrc创建即可。
第五步：使用windows命令行安装转码规则：
# ES2015转码规则：
$ npm install--save-dev babel-preset-es2015
# react转码规则：
$ npm install--save-dev babel-preset-react
# ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个：
$ npm install--save-dev babel-preset-stage-0
$ npm install--save-dev babel-preset-stage-1
$ npm install--save-dev babel-preset-stage-2
$ npm install--save-dev babel-preset-stage-3
将{"presets":["es2015","react","stage-2"],"plugins":[]}加入到.babelrc文件中
第六步：$ npm install--global babel-cli安装命令行转码。主要作用就是通过命令行控制代码进行转码。
第七步：创建test.js，内容为：
input.map(item => item + 1);
第八步：命令行输入babel test.js --out-file test1.js
查看test1.js内容如同以下则已经完成转码环境的配置。
"use strict";
input.map(function (item) {
return item + 1;
});
本文是参考http://es6.ruanyifeng.com/#docs/intro进行环境配置后的总结
网友评论