phpstorm|webstorm配置ES6语法支持和vue.js语法支持

ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了，身边的人也陆续开始用起来了，但是如果使用phpstorm、webstorm等编辑器，要识别ES6语法，还需手动配置语法支持。

配置前：



配置后：

配置ES6语法支持

Preferences > Languages & Frameworks > JavaScript

自动转码为ES5

打开phpstorm的命令行，运行命令：

npm install -g babel

Preferences > Tools > File watchers
点 '+' 号

File Type：配置该监听器监听的文件类型，可以在Preferences > Editor > File types
4000
中配置
Scope：配置该监听器的监听范围，可自定义新的范围，也可以使用Preferences > Appearance & Behavior > Scopes
Program：babel的安装位置
Arguments：命令执行参数，参见Babel CLI
Working directory：babel命令执行的位置，默认为文件所在目录

再试一下：



各种提示都出现了，有木有很贴心！

配置vue.js语法支持

配置前



配置后

步骤：

搜索插件，点击红框



安装



3.重启

安装完成后，会有弹窗提示重启后生效，是否重启？选Restart重启即可，配置完成。