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 相关文章推荐
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
JavaScript的Object.defineProperty详解
Jul 09 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
vue如何解决循环引用组件报错的问题
Sep 22 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
JS canvas实现画板和签字板功能
Feb 23 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 数据库字段复用的基本原理与示例
2011/07/22 PHP
php购物车实现方法
2015/01/03 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
Vue3 源码导读(推荐)
2019/10/14 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
Python运用于数据分析的简单教程
2015/03/27 Python
Python的Django框架中TEMPLATES项的设置教程
2015/05/29 Python
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
Python中base64与xml取值结合问题
2019/12/22 Python
python解包用法详解
2021/02/17 Python
老海军美国官网:Old Navy
2016/09/05 全球购物
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
自荐信格式的六要素
2013/09/21 职场文书
护理学专业推荐信
2013/12/03 职场文书
制药工程专业毕业生推荐信
2013/12/24 职场文书
新教师个人总结
2015/02/06 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
python内置进制转换函数的操作
2021/06/02 Python
python中urllib包的网络请求教程
2022/04/19 Python