一句话总结：用WebStorm自带的File
Watcher功能+Babel实现自动转换ECMAScript
6代码为ES5代码
我是这么配置的..就先新建一个Empty
Project，然后在src目录下新建了一个main.js；
//
这一步不是必须的
只是刚上手的话
从空项目开始自己配置会少很多干扰
Then..进入设置，把JavaScript
language
version改成ECMAScript
6；
再Then..写一段ES6代码
'use
strict'
//
node直接运行ES6代码时，如使用了ES6的一些关键字，比如let，就需要严格模式，否则会报错
//
这是没有严格模式时候的错误提示
//
SyntaxError:
Block-scoped
declarations
(let,
const,
function,
class)
not
yet
supported
outside
strict
mode
function*
fibs()
{//
Generator
Function
let
a
=
0
let
b
=
1
while
(true)
{
yield
a
//
[a,
b]
=
[b,
a
+
b]
b
=
a
+
b
a
=
b
-
a
}
}
let
[first,
second,
third,
fourth,
fifth,
sixth]
=
fibs()
console.log(first,
second,
third,
fourth,
fifth,
sixth)
现在IDE会出现一个File
watcher提示条
先别点Add
watcher！我们要先去装babel～
首先在根目录新建一个package.json
{
"name":
"test-project",
"version":
"1.0.0"
}
然后打开IDE的Terminal，安装babel-cli
npm
install
--save-dev
babel-cli
Good!
现在可以去点Add
watcher啦，点完之后会弹出一个框，其中大部分设置IDE都帮你搞定了
下面第三行，Program那一项，填
$ProjectFileDir$/node_modules/.bin/babel
然后点OK，这个时候你就会发现左边多出来一个main-compiled.js文件啦
但是还没搞定！现在只是搞定了自动转换的功能，系统默认把ES6
compile成了ES6..（你应该会发现compile出来的东西跟原来的一样..Generator函数并没有被转换成ES5的格式）
所以我们需要安装Babel的preset以正确识别ES6代码；
和刚才一样，在npm安装babel的ES6的preset
npm
install
--save-dev
babel-preset-es2015
在根目录下新建一个.babelrc文件（就是babel在当前项目的配置文件），写上
{
"presets":
[
"es2015"
]
}
OK搞定！保存再回去看一下main-compiled.js
应该就变成这个样子啦，现在你在main.js里直接写ES6代码，IDE都会自动compile成ES5的代码在这里啦～
注意：想直接用Node.js运行ES6代码还是有些问题..因为这段代码用的ES6的解构赋值Node.js还未完全支持，需要在运行的时候加入一些tags（以开启Node.js的相关试验特性），具体可以参考Node.js官网对ES6的说明：ECMAScript
2015
(ES6)。
ES5 即ECMAScript5 ，是javascript的语言的标准的一版。相当于C++98，C++11这类的标准，定义了javascript语言本身的一些规则和函数……
既然她是标准中的一版，那么说明还有其他的标准，推荐看一篇文章
ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事？「译」
http://huangxuan.me/2015/09/22/js-version/
ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种，被称为”严格模式(strict mode)”。
ECMAScript
是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是javascript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。
ES6是继ES5之后的一次主要改进，语言规范由ES5.1时代的245页扩充至600页。ES6增添了许多必要的特性，例如：模块和类，以及一些实用特性，例如Maps、Sets、Promises、生成器（Generators）等。尽管ES6做了大量的更新，但是它依旧完全向后兼容以前的版本，标准化委员会决定避免由不兼容版本语言导致的“web体验破碎”。结果是，所有老代码都可以正常运行，整个过渡也显得更为平滑，但随之而来的问题是，开发者们抱怨了多年的老问题依然存在。
