安装babel
1. 项目中若没有package.json,使用 `npm init` 创建
2. 使用 `type nul>.babelrc` 创建.babelrc文件,并输入
`{
"presets": ['es2015']
}`
3. 安装babel-cli在项目中 `npm install--save-dev babel-cli`
4. 安装其他babel库
`npm install --save-dev babel-preset-env`
5. webstorm开启es6
file - setting - languages & frameworks - Javascript
在右侧的框中,选择ECMAScript6
6. File Watcher
Arguments:
`$FilePathRelativeToProjectRoot$ --out-file $FileDir$\$FileNameWithoutExtension$-compile.js --source-maps --presets env`
Output paths to refresh:
`$FileDir$\$FileNameWithoutExtension$-compile.js:$FileDir$\$FileNameWithoutExtension$-compile.js.map`
WebStorm报错:
`Error: Couldn't find preset "es2015" relative to directory`
安装 `npm install --save-dev babel-preset-es2015`
`npm install --save-dev babel-preset-react`
`npm install babel-preset-stage-2 --save-dev`
参考资料:https://blog.csdn.net/peade/article/details/76522177