简单搭建一个ES6语法测试环境

用node运行ES6测试环境

准备：
1. 官网下载并安装： node下载地址 https://nodejs.org/en/
2. 配置环境变量： 把node.exe所在目录加入到PATH环境变量中。
3. 命令行执行 node -v 和 npm -v 能出版本号，说明安装成功。

• package.json
• babel-cli
• babel-preset-es2015
• .babelrc
• babel-node

---

1. 新建一个项目，名为ES6TEST，项目目录下新建package.json文件：
   （package.json 用于设置当前项目的基础信息和包的依赖）
   工作目录下执行npm init命令，一路填写或跳过得到一个基础的package.json文件。
2. 安装babel-cli 和 babel-preset-es2015
   工作目录下执行安装命令
   
$ npm --save-dev install babel-cli

   全局也安装一份
   
$ npm -g install babel-cli

   工作目录下新建.babelrc文件，内容如下：
   
{
"presets": [
"es2015"
],
"plugins": []
}

   工作目录下安装 babel-preset-es2015
   
npm install --save-dev babel-preset-es2015


3. 测试es6代码
   工作目录下新建test.js文件，简单输入一段ES6代码：

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

   使用babel-node命令执行test.js文件，在命令行输入：

   $ babel-node test

   将会输出1,2,3‘

   项目结构如下图：
   

搭建参考链接

PS：使用Webstorm运行ES6的js文件可直接run，无需输命令。