设置Webstorm支持ES6并自动转码成ES5
来源:互联网 发布:网络电视哪个牌子的好 编辑:程序博客网 时间:2024/05/29 15:42
一、设置Webstorm支持ES6
在 Settings -> Languages&Frameworks -> JavaScript 里设置为 ES6 。
二、设置ES6自动转码成ES5
ES6转码成ES5,我们用的Babel转码工具。
1. 安装全局Babel
npm install -g babel
2. 把Babel绑定到File Watchers上
在Settings -> Tools -> File Watchers界面右边点击“+”号添加Babel。
这样对文件做修改会随时生成编译成ES5的文件以及sourceMap文件File Type:配置该监听器监听的文件类型,可以在Preferences > Editor > File types中配置
Scope:配置该监听器的监听范围,可自定义新的范围,也可以使用Preferences > Appearance & Behavior > Scopes
Program:babel的安装位置
Arguments:命令执行参数,参见Babel CLI
Working directory:babel命令执行的位置,默认为文件所在目录
其实,Webstorm设置成ES6以后,有时候创建完js文件,Webstorm右上角会提示“Add File Watch”,直接点“Add File Watch”也是效果是一样的。
0 0
- 设置Webstorm支持ES6并自动转码成ES5
- 设置Webstorm 利用babel将ES6自动转码成ES5
- webstorm es6--es5
- WebStorm ES6 语法支持设置
- WebStorm ES6 语法支持设置
- WebStorm ES6 语法支持设置
- webstorm支持ES6语法设置
- webstorm支持ES6语法设置
- WebStorm支持ES6语法设置
- WebStorm ES6 语法支持设置
- WebStorm ES6 语法支持设置
- WebStorm使用Babel自动转换ES6代码为ES5代码
- webstorm 设置ES6语法支持以及添加vuejs开发配置
- webstorm支持ES6语法详解
- webstorm支持ES6语法详解
- webstorm设置babel,使用es6
- webstorm配置支持nodejs并自动补全
- ES5/ES6
- python any
- 欢迎使用CSDN-markdown编辑器
- ViewPager 详解(一)---基本入门
- 固定管线和可编程管线
- Maven的pom.xml文件结构之Build配置build(转载)
- 设置Webstorm支持ES6并自动转码成ES5
- Java线程池使用说明
- 判断时间是否属于同一天
- Discuz!开发之替换系统IP库为纯真IP库的方法
- 函数相关的东西
- Hadoop入门学习(1)
- GBDT和随机森林的区别
- iOS并发编程(一)-简介
- 十天小白训练营day02—古诗作业