首页 / ES6 / WebStorm ES6 语法支持设置
WebStorm ES6 语法支持设置
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了WebStorm ES6 语法支持设置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含771字，纯文字阅读大概需要2分钟。
内容图文
1 语法支持设置
Preferences > Languages & Frameworks > JavaScript
这里只要配置ECMAScript版本即可
配置之后
2 自动转码为ES5
file watcher + babel（ES6转码器）
你可能希望你写的代码有更好的兼容性，但目前的ES6肯定不是所有浏览器都支持的，所以我们要用到ES6转码器。
Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。
而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案）
-
npm install -g babel - Preferences > Tools > File watchers
- 点击“+”按钮
File Type：配置该监听器监听的文件类型，可以在Preferences > Editor > File types中配置
Scope：配置该监听器的监听范围，可自定义新的范围，也可以使用Preferences > Appearance & Behavior > Scopes
Program：babel的安装位置
Arguments：命令执行参数，参见Babel CLI
Working directory：babel命令执行的位置，默认为文件所在目录
这样对文件做修改会随时生成编译成ES5的文件以及sourceMap文件
原文：http://www.cnblogs.com/izengbin/p/7053636.html
内容总结
以上是互联网集市为您收集整理的WebStorm ES6 语法支持设置全部内容，希望文章能够帮你解决WebStorm ES6 语法支持设置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。