webstorm babel es6环境搭建

软件环境

• webstorm2016
• node v7.0.0
• 依赖插件babel，版本6

操作

• webstorm2016和node安装不叙述。
• 新建一个目录es6
• 在目录下执行npm init，一路回车。
• 安装一下插件：
  1. npm install babel-cli
  2. npm install --save-dev babel-preset-es2015
• 在es6目录下新建.babelrc，内容如下：

{  "presets": ["es2015"]}

• 配置webstorm支持es6语法，File-Settings-Language&Framework-JavaScript，JavaScript language version选择ECMAScript6
  -新建node.js，默认是执行node，点击右侧"···"新建一个，运行babel-node

Paste_Image.png

Paste_Image.png

效果

Paste_Image.png