查看更多精彩前端资源

当我们用webstorm打开我们所构建的带有es6语法的项目文件的时候，发现有标红的红线，原因是webstorm不支持es6语法，需要配置一下。

配置方法：

打开file–>setting,做如下操作

Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。
而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案）
首先要安装babel，同样也是使用npm安装

全局安装：npm install -g babel

配置方式 file-settings File watcher

其中Program： 中填写的是babel的安装路径，其他的默认就好啦。这样就能实现ES6的语法支持以及ES6自动转换为ES5

查看更多精彩前端资源

当我们用webstorm打开我们所构建的带有es6语法的项目文件的时候，发现有标红的红线，原因是webstorm不支持es6语法，需要配置一下。

配置方法：

打开file–>setting,做如下操作

Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。
而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案）
首先要安装babel，同样也是使用npm安装

全局安装：npm install -g babel

配置方式 file-settings File watcher

其中Program： 中填写的是babel的安装路径，其他的默认就好啦。这样就能实现ES6的语法支持以及ES6自动转换为ES5