搭建es6的运行环境

es6是es5的升级，新增了一些特性，可以去相关网站了解学习es6的语法，下面说一下es6的环境搭建。

我的是windows系统，首先电脑装上node.js,这是es6运行的基本环境，node.js的安装不多说，node环境安装成功后，创建一个文件夹pt_es6如图：

 

在pt_es6中创建文件夹 src、dist和index.html，src文件夹下index.js文件。

然后在pt_es6路径下cmd，打开命令框，输入：npm init -y  ，如图

会在pt_es6文件夹下生成package.json文件

下面继续安装babel转换器，因为有些浏览器无法解析es6语法，所以需要转译成es5语法格式，存放到dist文件中，

安装babel转译  ：npm install-cli -g    ，也可以是 cnpm（淘宝镜像安装），继续输入命令：

npm install --save -dev babel-preset-es2015 babel-cli  ，将babel-preset-es2015 和 babel-cli 本地安装，安装成功后查看package.json文件，如图：

继续输入 ： babel src/index.js -o dist/index.js，-o表示 把src下的index.js文件通过babel转译成dist下index.js,其中dist文件下原来是没index.js文件，转译后会自动生成index.js，

在根目录中创建.babelrc文件，根据 npm install --save-dev babel-preset-es2015 内容填充：

最后可以在package.json文件修改 babel src/index.js -o dist/index.js 命令  

index.js测试结果：