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 查找新建元素代码
Jul 06 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
jQuery中prepend()方法使用详解
Aug 11 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
JavaScript引用类型RegExp基本用法详解
Aug 09 Javascript
Vue.js计算机属性computed和methods方法详解
Oct 12 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
Aug 06 Javascript
vue递归获取父元素的元素实例
Aug 07 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
自动跳转中英文页面
2006/10/09 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
Extjs学习笔记之二 初识Extjs之Form
2010/01/07 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
html的DOM中document对象images集合用法实例
2015/01/21 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
jQuery给表格添加分页效果
2017/03/02 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python3.4实现从HTTP代理网站批量获取代理并筛选的方法示例
2017/09/26 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
解决Python selenium get页面很慢时的问题
2019/01/30 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
python使用 zip 同时迭代多个序列示例
2019/07/06 Python
如何使用Flask-Migrate拓展数据库表结构
2019/07/24 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
将tensorflow模型打包成PB文件及PB文件读取方式
2020/01/23 Python
详谈tensorflow gfile文件的用法
2020/02/05 Python
如何使用repr调试python程序
2020/02/28 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
拾金不昧表扬信范文
2014/01/11 职场文书
四年大学生活的自我评价范文
2014/02/07 职场文书
敬老院活动总结
2014/04/28 职场文书
最新离婚协议书范本
2014/08/19 职场文书
环保建议书作文400字
2015/09/14 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
BCL经典机 SONY ICF-5900W电路分析
2022/04/24 无线电