1.在webstorm中创建项目.
2.在项目的根目录下创建package.json
{ "name": "test-project", "version": "1.0.0" }
3.打开webstorm的Terminal (快捷键alt+f12),安装babel-cli.(需要先安装node.js)
npm install --save-dev babel-cli
4.File-->Settings-->Languages&Frameworks-->JavaScript JavaScript language version 选择ECMAScript 6.
5.File-->Settings-->Tools-->Files Watchers 中加上Babel
6.将Files Watchers 中 Babel 中的Program 改为$ProjectFileDir$\node_modules\.bin\babel.cmd (windows中)
7.在Terminal中,安装babel的ES6的preset
npm install --save-dev babel-preset-es2015
8.在根目录下新建一个.babelrc文件(就是babel在当前项目的配置文件),我创建的是babel.babelrc
{ "presets": [ "es2015" ] }
9.ok
备注:我在项目中将Files Watchers 中 Babel 中
File type:JavaScript 更改为 REACT JAX
Arguments:--source-maps --out-file $FileNameWithoutExtension$-compiled.js --presets es2015 $FilePath$更改为--source-maps --out-file $FileNameWithoutExtension$.js --presets es2015 $FilePath$
Output paths to refresh :$FileNameWithoutExtension$-compiled.js:$FileNameWithoutExtension$-compiled.js.map更改为$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
Working driectory:$FileDir$
参考:http://www.zhihu.com/question/43414079