webstrom使用es6语法报错
es6更新了很多的语法,这些语法并不是所有的浏览器都支持,由于webstrom默认的是es5语法,使用es6会提示报错。尤其是在使用vue框架的时候。很是烦人,这是因为webstorm默认的是支持es5语法,不支持es6语法。只要将webstrom设置成es6即可如图:改完之后,由于有的浏览器不支持es5,最好有个东西能够自动将其转换为es5就好了。这个时候可以安装 Babel执行 np
·
es6更新了很多的语法,这些语法并不是所有的浏览器都支持,由于webstrom默认的是es5语法,使用es6会提示报错。尤其是在使用vue框架的时候。很是烦人,这是因为webstorm默认的是支持es5语法,不支持es6语法。只要将webstrom设置成es6即可
如图:
改完之后,由于有的浏览器不支持es5,最好有个东西能够自动将其转换为es5就好了。这个时候可以安装 Babel
执行
npm install -g babel
然后将他绑定到watch上面。如图:
点击添加 然后选择babel
File Type:配置该监听器监听的文件类型,可以在Preferences > Editor > File types中配置
Scope:配置该监听器的监听范围,可自定义新的范围,也可以使用Preferences > Appearance & Behavior > Scopes
Program:babel的安装位置
Arguments:命令执行参数,参见Babel CLI
Working directory:babel命令执行的位置,默认为文件所在目录
这样就ok了
更多推荐
已为社区贡献1条内容
所有评论(0)