Webstorm中如何配置babel将ES6代码转换成ES5

 时间:2026-05-05 06:46:12

1、首先进入webstorm的配置目录

Webstorm中如何配置babel将ES6代码转换成ES5

2、进入工具一栏

Webstorm中如何配置babel将ES6代码转换成ES5

3、选择文件监听器选项,然后点击下面的小加号

Webstorm中如何配置babel将ES6代码转换成ES5

4、点击小加号以后,会弹出一个下拉框,在其中选择babel

Webstorm中如何配置babel将ES6代码转换成ES5

5、选择babel后,会弹出一个babel配置项,一般使用默认配置就行,如果你系统安装的babel是自己定义的路径,则需要修改babel的系统路径

Webstorm中如何配置babel将ES6代码转换成ES5

6、保存完后,webstorm就会自动监听文件的变化,然后使用babel将你的ES6代码转换成ES5

Webstorm中如何配置babel将ES6代码转换成ES5

  • 图解Webstorm将ES6自动转码成ES5
  • 如何使用和区别JavaScript中ES5和ES6默认设置值
  • 如何在HBuilder中修改项目的JavaScript版本ES6
  • WebStorm 之 javascript css 自动 压缩 的配置
  • 配置Eclipse支持java和xml文件的代码补全功能
  • 热门搜索
    上海旅游高等专科学校教务处 银川旅游 注册资本可以随便填吗 忘记宽带密码怎么办 活的大闸蟹怎么保存 深圳免费旅游景点 怎么烧菜 旅游杂志 旅游感想 职业定位怎么写