您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

webstorm不识别es6怎么办

2024/2/27 17:20:40发布15次查看
解决方法:1、依次点击导航栏的“file”-“preferences”-“languages & frameworks”-“javascript”,将版本设置为“ecmascript 6”即可。2、执行“npm install -g babel”命令安装babel工具,打开“file watchers”并点击“+”按钮,在弹窗中配置babel即可。
本教程操作环境:windows7系统、ecmascript 6版、dell g3电脑。
ecmascript 6是javascript语言的下一代标准,已经在2015年6月正式发布了。mozilla公司将在这个标准的基础上,推出javascript 2.0。
es6的目标,是使得javascript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。
我也想尝试一下es6有什么新特性,于是开始了学习之路。
在webstorm写下了这段代码,体验一下es6语法的便利,但是一大堆报错
各种语法错误
解决方法
1、语法支持设置
file > 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 watcher配置界面
file type:配置该监听器监听的文件类型,可以在preferences > editor > file types中配置
scope:配置该监听器的监听范围,可自定义新的范围,也可以使用preferences > appearance & behavior > scopes中定义的范围
program:babel的安装位置
arguments:命令执行参数,参见babel cli
working directory:babel命令执行的位置,默认为文件所在目录
这样对文件做修改会随时生成编译成es5的文件以及sourcemap文件
编译后
【相关推荐:javascript视频教程、编程视频、webstorm教程】
以上就是webstorm不识别es6怎么办的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product