WebStorm ES6 语法支持设置
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。
ES6的目标，是使得JavaScript语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。
作为一只猴子，我也想尝试一下ES6有什么新特性，于是开始了学习之路。
在webstorm写下了这段代码，体验一下ES6语法的便利，但是一大堆报错
相信每一只程序猴都不想在这样的环境下编码，反正本猴不想
1 语法支持设置
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 Type：配置该监听器监听的文件类型，可以在Preferences > Editor > File types中配置
Scope：配置该监听器的监听范围，可自定义新的范围，也可以使用Preferences > Appearance & Behavior > Scopes
Program：babel的安装位置
Arguments：命令执行参数，参见Babel CLI
Working directory：babel命令执行的位置，默认为文件所在目录
这样对文件做修改会随时生成编译成ES5的文件以及sourceMap文件
转载于:https://www.cnblogs.com/caicaizi/p/6373182.html
WebStorm ES6 语法支持设置相关推荐
- php es6写法,Web/PHPStorm ES6 语法支持以及实时编译
最近用PHPstorm 写了点es6的语法的东西, what ? 编辑器报错了 查了查, 原来把编辑器设置一下,就可以了, Preferences > Languages & Frame ...
- join为什么每个字符都分割了 js_为什么 webpack4 默认支持 ES6 语法的压缩？
在专栏课程里,有位同学提到过一个很有意思的问题:"我没装 babel,js 入口里写了个箭头函数,运行 webpack 构建命令后,也成功编译了.这是为什么?".今天就带领大家一起 ...
- nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 参考文章: (1)nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 (2)https://www.cnblogs.com/jk ...
- vue-cli项目布署问题解决：空白页、静态资源文件404错误、refrenceError:promise未定义（部分浏览器不支持ES6语法）
(前言:文章记录vue-cli项目打包使用IIS布署遇到的几个错误及解决方式) 首先简单理解webpack打包: 个人理解:项目开发中我们构建 "低耦合高内聚" 的组件/模块来代码 ...
- .vue文件在webstorm中es6语法报错解决方法
.vue文件在webstorm中es6语法报错解决方法 参考文章: (1).vue文件在webstorm中es6语法报错解决方法 (2)https://www.cnblogs.com/yuqing6/ ...
- html支持es6,ie不支持es6语法 浏览器怎么使用ES6的Proxy
项目引用了vue.js但是没用脚手架搭建项目,如何让e...其实.不需要,element从来没有说过要用es6的语法. 但是如果你不用,很多功能都需要你对javascript的模块化有很深的了解,感觉 ...
- 华为手机自带浏览器不支持 ES6 语法
原文地址:https://caochangkui.github.io/huawei-es6/ 华为手机自带浏览器对 es6 语法的支持度极差,哪怕最新的荣耀10 手机也有该毛病!所以,移动端项目开发中 ...
- 【ES6 教程】第一章 新的ES6语法04—如何设置函数参数的默认值
英文 | https://www.javascripttutorial.net 翻译 | 杨小爱 在本节教程中,我们将学习如何在 ES6 中处理 JavaScript 默认参数. TL;DR func ...
- webstorm快捷键、支持vue文件等部分使用技巧
1.常用快捷键 shift+↑ 向上选取代码块 shift+↓ 向下选取代码块 ctrl+/ 注释/取消注释的行注释 ctrl+alt+L 格式化代码 tab,shift+tab 调整缩进 ctrl+ ...
最新文章
- 修改wordpress地址(URL)导致不能登录后台
- Android夜间模式的几种实现
- 活用变量字符串${var%%.*}
- html树 node节点定位,【Vue】element-ui Tree如何定位到一个节点，并高亮显示该节点？...
- 【TensorFlow】TensorFlow从浅入深系列之五 -- 教你详解滑动平均模型
- centos7-每天定时备份 mysql数据库
- F28335的ADC采集电压不对(ADC采集模块的输入信号的两个端子是:正极：ADCINAx ,负极是：ADCL0)
- 厉害了！机器视觉在农业中的应用
- 关于tcp/udp网络调试助手错误提示
- Centos7/8 Oracle11g R2 图形化部署
- 厦门高考成绩查询2021,2021厦门市地区高考成绩排名查询,厦门市高考各高中成绩喜报榜单...
- 微信开发工具(小程序)
- 联通4g满格但是网速慢_4G信号明明满格，但网速却慢过蜗牛，是什么原因？
- 第三章 编译器基础知识之ELF文件格式简介
- 中企海外周报 | 哈弗F7x性能版在俄罗斯上市；徐工首家海外银行落户巴西
- Pandas熊猫框架
- 关于微信群、QQ群和其他发布平台
- 拼多多618手机品牌官旗销量同比增长124%，4000+高价位手机同比增长156%
- [译] Cilium：基于 BPF+EDT+FQ+BBR 更好地带宽网络管理
- MFC加载PNG图片