phpstorm 配置 babel 支持EcmaScript6

1.安裝nodejs

2.npm install --save-dev babel-cli

3.npm install babel-preset-es2015 --save-dev

4.phpstorm->settings->language&framework->javascript->ecmaScript6

5.phpstorm->settings->tools->file Watchers->"+ Babel"

建議file type選擇ecmascript6 使用*.es6文件編寫es6 編譯后生成*.js 這樣避免*.js編譯后仍然生成*.js

在工程目錄下新建.babelrc 添加配置

配置

{ "presets": ["es2015"] }

 編寫一個es6文件報錯，如下:

 改寫相應文件