简单搭建一个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);

   • 1
   • 2

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

   $ babel-node test

   • 1

   将会输出1,2,3‘

   项目结构如下图： 
   

搭建参考链接

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

转载自：https://blog.csdn.net/LaurenTime/article/details/75315218