ECMAScriptwebstorm下ES6转ES5

ECMAScript
6是JavaScript语言的下一代标准,已经以2015年6月正式发布了。Mozilla公司以在此专业的底子及,推出JavaScript
2.0。
ES6的靶子,是驱动JavaScript语言可以就此来修大型的繁杂的应用程序,成为企业级支语言。

作为同不过猕猴,我呢想尝试一下ES6闹啊新特色,于是从头了学之路。

当webstorm写下了马上段代码,体验一下ES6语法之有益,但是同样要命堆报错

ECMAScript 1

各种语法错误

ECMAScript 2

what the fuck

信任各一样就程序猴都无思量在这么的条件下编码,反正本猴不思量

1 语法支持设置

Preferences > Languages & Frameworks > JavaScript

此处要配置ECMAScript版本即可

ECMAScript 3

布置之后

ECMAScript 4

2 自动转码为ES5

file watcher + babel(ES6转码器)

乃可能希望你勾勒的代码有重复好的兼容性,但目前底ES6一定不是有浏览器还支持之,所以我们若就此到ES6转码器。
Babel凡是一个广运用的ES6转码器,可以将ES6代码转为ES5代码,从而在浏览器还是另条件实行。这意味着,你可以就此ES6的法子编写程序,又毫不顾虑现有条件是否支持。

再者你还希望每次修改代码时能自动转码,所以还要用到webstorm的file
watcher(当然还发出另解决方案)

  • npm install -g babel
  • Preferences > Tools > File watchers
  • 点击“+”按钮

ECMAScript 5

file watcher配置界面

File Type:配置该监听器监听的文件类型,可以于Preferences > Editor
> File types
中配置
Scope:配置该监听器的监听范围,可打定义新的范围,也可行使Preferences
> Appearance & Behavior > Scopes

Program:babel的安装位置
Arguments:命令执行参数,参见Babel
CLI
Working directory:babel命令执行的岗位,默认为文件所在目录

如此针对性文本举行修改会时刻变动编译成ES5的文件和sourceMap文件