在webstorm上利用babel写ES6的语法

创建一个项目文件夹，例如：es6
而后打开命令行工具，进入es6项目目录

npm install --save-dev babel-cli

insatll成功后，babel便安装好了
接下来还要在项目es6目录创建一个.babelrc的文件，window上能够使用命令行工具在项目根目录，输入type null>.babelrc ，回车便可。这时项目根目录便有一个.babelrc的文件

接下来安装env，这是个用来转换es6代码的。

npm install babel-preset-env --save-dev

安装好以后打开.balelrc文件。在里面敲上以下代码

{
  "presets": ["env"]
}

接下来设置webStorm，在settings里面打开Tools。点击File Watchers。进去以后点击右边的+号，在弹出的选项

框里面选择babel。而后设置Watchers settings的Program的路径，通常是node_modules/.bin/.babel.cmd。最

后点击确认。

点击Languages设置，选择javaScript，选择ECSMScript 6，确认，至此安装结束。固然这只是让咱们快速体验一

下babel和ES6.babel官网还有很是多的配置，能够本身去更详细深刻的了解。

接下来建立一个index.js的文件，在HTML里面引入它就能够了。