用webstorm创建vue文件报错，怎么解决？

Tommy·Yang 2018-01-20 11:12:53

...全文

481 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Tommy·Yang 2018-01-21

打赏
举报

回复

这个可能是因为webstorm版本的问题，所以自己就通过新建文件来新建vue文件

使用IDEA或者WebStorm运行Vue项目时，解决代码爆红问题

我们使用webstorm去做一个vue项目的时候，肯定需要建一个 .vue文件。我们会发现如果我们手动建了 test.vue文件的时候，webstorm的自动补全标签功能不能用，es6语法报错的问题。这时我们应该设置webstorm 可以创建一个 vue文件，并且创建出来就有自己想要的模板。 1.让webstorm支持es6语法 2.让webstorm 可以创建Vue文件。记得重启

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 这样vue..

看了好多帖子，终端运行时可以用，但是在用WebStorm自动创建Vue的项目时，点绿色run来进行npm run serve会报错，前面我搜索了帖子，在终端时可以用 #windows系统set NODE_OPTIONS=--openssl-legacy-provider这个来解决，这里就又不行了（也不是说不行，就是想用WebStorm运行不了，在终端上启动项目，是可以用上面的命令的，但是这不麻烦吗。），搜索了好多答案，我是这样解决了的，发出来给和我遇到相同问题的伙伴，修改package.json，找到上面的

一、背景安装好vue的开发环境之后，可以用命令创建vue项目，也可以用开发软件创建，这里选 webstorm。 ps：vue开发环境搭建详见：vue专题之开发环境与项目搭建【一】下面开始创建项目二、新建项目点击webstorm菜单栏的 file>new>project 需要注意的是，上面四个选项，如果有空的表示该项没有安装，需要安装。安装说明回看 vue专题之开发环境与项目搭建【一】还有一点，如果没有安装git客户端，项目是新建不了的。此时要么安装git客户端，要么就用命令创

590

社区成员

254,054

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章