webstorm

安装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

                    阮一峰-Babel 入门教程

                    package.json文件