webstorm和.vue中es6语法报错的解决方法


Posted in Javascript onMay 08, 2018

1.webstorm中es6语法报错,解决方法:

打开 Settings => Languages & Frameworks => Javascript

把 Javascript Language version 改为 ECMAScript 6

这样做所有的.js文件中es6不再报错,但是.vue文件中es6语法依然报错。

2. .vue文件中es6语法报错

(1)打开 Settings => File Types 找到 HTML 添加 *.vue

webstorm和.vue中es6语法报错的解决方法

这样vue文件就相当于html文件,可以编辑css,js,也都有智能提示。但是,在.vue文件中es6语法还是报错。

(2).粗暴:直接在<script>标签中添加type="text/ecmascript-6",.vue里面的代码会高亮并支持ES6。

type=”es6”属性

<script type="es6">
</script>

(3).将script标签添加

然后打开 Settings => Language Injections 添加 XML Tag Injection,内容如下图。

webstorm和.vue中es6语法报错的解决方法

3.补充新功能:右键新建时出现.vue文件类型,就像新建html文件一样,方法:

Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容。

webstorm和.vue中es6语法报错的解决方法

点击OK 返回,在项目中新建会出现vue文件 webstorm配置新建vue文件完成。

webstorm和.vue中es6语法报错的解决方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用Firebug对js进行断点调试的图文方法
Apr 02 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
Bootstrap表单控件使用方法详解
Jan 11 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
详解Vue源码学习之callHook钩子函数
Jul 25 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
May 08 #Javascript
webstorm添加*.vue文件支持
May 08 #Javascript
浅谈vue项目如何打包扔向服务器
May 08 #Javascript
Javascript实现购物车功能的详细代码
May 08 #Javascript
vue-cli 如何打包上线的方法示例
May 08 #Javascript
使用vue-cli打包过程中的步骤以及问题的解决
May 08 #Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 #Javascript
You might like
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
2012/10/12 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
2014/01/14 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
摩托车和ATV零件、配件和服装的首选在线零售商:MotoSport
2017/12/22 全球购物
联想德国官网:Lenovo Germany
2018/07/04 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
部队万能检讨书
2014/02/20 职场文书
运动会口号8字
2014/06/07 职场文书
计算机毕业大学生求职信
2014/06/26 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
英语复习计划
2015/01/19 职场文书