webstorm中es6语法报错，.vue文件中es6语法报错

最新推荐文章于 2022-03-06 14:05:29 发布

贝西奇谈

最新推荐文章于 2022-03-06 14:05:29 发布

阅读量956

点赞数 1

分类专栏： Vue 文章标签： vue plugin java

本文链接：https://blog.csdn.net/beixishuo/article/details/104288988

版权

Vue 专栏收录该内容

11 篇文章 19 订阅

订阅专栏

1.安装vue插件，安装方法：
　File–> setting --> plugin，点击plugin，在内容部分的左侧输入框输入vue，会出现1个关于vue的插件，点击安装即可。安装完成后，就可以看到，新建文件时，会有vue文件的提示。（如果没有提示说明没有vue插件，下边有安装方法）
　在这里插入图片描述
　2:vue 使用的是es6语法，所以要将javascript的版本改成es6

步骤：settings --> languages& frameworks – > javascript ,选择javascript,修改内容区域的javascript language version: ECMAScript 6 即可。

二:安装vue.js插件时出现的问题(或没有vue插件)

install时报错:

Plugin Vue.js was not installed: Cannot download ‘http://plugins.jetbrains.com/pluginManager/?action=download&id=Vue.js&build=WS-162.2228.20&uuid=b9b5c64e-2567-468f-8201-97902b604156’: Connection failed with HTTP code 400

解决办法:

1:打开下载插件的网址: http://plugins.jetbrains.com/ 搜索插件名字,如下图:
在这里插入图片描述
2:点击Download下载,如下图:

3:打开Webstorm安装文件所在位置
4:把下载的插件复制到Plugins文件夹中,如下图:

5:重启Webstorm查看插件,已安装成功。

三、添加新建.vue文件功能

1.Setting-Editor-File and Code Templates 点击右上角的加号添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容
在这里插入图片描述
2.点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成。
　