webstrom 配置 es6 的运行环境

Win7 下 WebStrom 配置 es6 的运行环境，WebStrom 的版本是 11.0.3，其他的版本，可能略有所不同。

1. node.js 安装

首先 WebStrom 需要安装 node.js，以支持 npm 指令。

安装node.js程序，按照提示一步步安装即可，注意在安装时，勾选自动添加到 系统环境 中的选项。

Node.js安装完成后，检查环境变量path中是否配置了Node.js；在命令行中输入”path”，结果如下：

检查Node.js是否安装成功，也可直接在命令行中输入“node -v”，进行测试，结果中显示当前安装的 node.js 的版本，说明安装正确了。

开始在WebStorm中配置node.js。File->settings 输入node.js，配置Node interpreter；

2. ES6 语法支持设置

File > Settings > Languages & Frameworks > JavaScript

3. 自动转码为ES5

file watcher + babel-cli（ES6转码器）

你可能希望你写的代码有更好的兼容性，但目前的ES6肯定不是所有浏览器都支持的，所以我们要用到ES6转码器。

Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。

而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案）

首先需要在你准备安装 babel 的根目录下(或是当前项目下)手动新建一个 package.json 文件，内容如下：

{
  "name": "yourProjectName",
  "version": <