webstrom2017 为什么ie11不支持es66的descriptor修饰器

来源：蜘蛛抓取(WebSpider) 时间：2017-10-22 12:27 标签： webstrom es6语法报错
1 语法支持es6设置
Preferences & Languages & Frameworks & JavaScript
　　把 Javascript Language version 改为 ECMAScript 6,这样做所有的.js文件中es6不再报错，但是在.vue文件中es6语法依然报错。
2 vue文件中解决报错
在script标签上添加属性&&type="es6"
&script type="es6"&
　　2.&&添加 XML Tag Injection
Settings & Language Injections
　　新建XML Tag Injection
大功告成, 这样在就可以在Vue中使用es6语法了, 并且可以正常提示
阅读(...) 评论()HTML5（52）
Node.js（50）
字数509&阅读14498&&喜欢18
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。
ES6的目标，是使得JavaScript语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。
作为一只猴子，我也想尝试一下ES6有什么新特性，于是开始了学习之路。
在webstorm写下了这段代码，体验一下ES6语法的便利，但是一大堆报错
各种语法错误
what the fuck
相信每一只程序猴都不想在这样的环境下编码，反正本猴不想
1 语法支持设置
Preferences & Languages & Frameworks & JavaScript
这里只要配置ECMAScript版本即可
2 自动转码为ES5
file watcher +&（ES6转码器）
你可能希望你写的代码有更好的兼容性，但目前的ES6肯定不是所有浏览器都支持的，所以我们要用到ES6转码器。
是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其他环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。
而且你还希望每次修改代码时能自动转码，所以还要用到webstorm的file watcher（当然还有其他解决方案）
npm install -g babelPreferences & Tools & File watchers点击“+”按钮
file watcher配置界面
File Type：配置该监听器监听的文件类型，可以在Preferences & Editor & File types中配置
Scope：配置该监听器的监听范围，可自定义新的范围，也可以使用Preferences & Appearance & Behavior & Scopes
Program：babel的安装位置
Arguments：命令执行参数，参见
Working directory：babel命令执行的位置，默认为文件所在目录
这样对文件做修改会随时生成编译成ES5的文件以及sourceMap文件
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：2204513次
积分：25881
积分：25881
排名：第256名
原创：81篇
转载：1891篇
评论：130条
(1)(1)(1)(24)(16)(43)(27)(7)(54)(12)(48)(18)(13)(6)(4)(64)(2)(1)(3)(28)(56)(51)(59)(16)(44)(12)(4)(84)(70)(60)(84)(63)(14)(10)(68)(73)(84)(10)(9)(44)(91)(41)(116)(153)(180)(101)(3)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'当前位置：
(vue.js)webstorm中es6红色波浪线报错怎么破，已经设置了支持es6
猜你喜欢的文章
(vue.js)webstorm中es6红色波浪线报错怎么破，已经设置了支持es6
来源：网络整理&&&&&时间: 17:25:02&&&&&关键词:
关于网友提出的“ (vue.js)webstorm中es6红色波浪线报错怎么破，已经设置了支持es6”问题疑问，本网通过在网上对“ (vue.js)webstorm中es6红色波浪线报错怎么破，已经设置了支持es6”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：
问题： (vue.js)webstorm中es6红色波浪线报错怎么破，已经设置了支持es6
描述:webstorm中es6红色波浪线报错怎么破，已经设置了支持es6,还是一片红解决方案1:简单做法，点击键盘 alt 加 enter 键 点击第一个即可解决方案2:设置--语言--javascript--选择es6版本，setting--language--javascript--ECMAScript 6.0；解决方案3:兄弟,解决了吗,,我也遇到这个问题了,难受..解决方案4:Webstrom -& Preferences -& Languages & FrameWorks -& JavaScript选择ES6然后重新打开以下文件
以上介绍了“ (vue.js)webstorm中es6红色波浪线报错怎么破，已经设置了支持es6”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：/itwd/4486475.html
上一篇： 下一篇：相关文章推荐
1.5 解决写模板的时候没有vue指令智能提示：设置 – Inspections – HTML – Unknown HTML tags，添加customs
能来看这篇文章的想必不用我来介绍vue是什么了。先让我们膜拜大神！vue项目的创建者尤大写了个sublime下语法高亮的插件，有人问他how about webstorm support?他是这么回答...
本篇文章主要是针对上篇博客vue项目构建中构建的项目在webstorm中的一些ES6语法支持以及vue高亮和语法支持。webstorm中ES6语法配置当我们用webstorm打开我们所构建的elma项...
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript
ES6的目标，是使得Jav...
WebStorm ES6 语法支持设置
字数509 阅读2676 评论5 喜欢8
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发...
字数509 阅读14498 评论27 喜欢18
ECMAScript 6是JavaScrip...
webstorm默认情况下不支持ES6的
一个vuejs项目再idea中显示js语法错误
有两处设置javascript版本处，都改为es6
第一处：IntelliJ IDEA ->Perferences...->Language...
在IDEA中对如下标签进行修改：File->settings->Languages
& Frameworks->JavaScript 中的参数JavaScript language version...
在IDEA中对如下标签进行修改：File->settings->Languages & Frameworks->JavaScript 中的参数JavaScript
language version...
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 webstrom es6语法报错 的文章

 

随机推荐