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 相关文章推荐
基于jQuery的星级评分插件
Aug 12 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
jQuery简单实现title提示效果示例
Aug 01 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
js实现登录框鼠标拖拽效果
Mar 09 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
Apr 25 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
node 版本切换的实现
Feb 02 Javascript
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
接收键盘指令的脚本
2006/06/26 Javascript
Firefox window.close()的使用注意事项
2009/04/11 Javascript
浅析javascript闭包 实例分析
2010/12/25 Javascript
js函数参数设置默认值的一种变通实现方法
2014/05/26 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
Python实现telnet服务器的方法
2015/07/10 Python
Python操作MySQL模拟银行转账
2018/03/12 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
优秀员工自荐书范文
2013/12/08 职场文书
国贸专业大学生职业生涯规划范文
2014/01/10 职场文书
后勤服务中心总经理工作职责
2014/03/03 职场文书
装修活动策划方案
2014/08/27 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
打架检讨书范文
2015/01/27 职场文书
南极大冒险观后感
2015/06/05 职场文书
幼儿园毕业典礼家长致辞
2015/07/29 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
Golang map映射的用法
2022/04/22 Golang
Go语言入门exec的基本使用
2022/05/20 Golang