webstorm 中. vue 文件 es6 代码报错怎么解决? 下面本篇文章来给大家介绍一下解决方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
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 文件就相当于 HTML 文件, 可以编辑 CSS,JS, 也都有智能提示. 但是, 在. vue 文件中 es6 语法还是报错.
(2), 粗暴: 直接在 < script > 标签中添加 type="text/ecmascript-6",.vue 里面的代码会高亮并支持 ES6.
(3), 在 script 标签中添加 type="es6" 属性
- <script type="es6">
- </script>
然后打开 Settings => Language Injections 添加 xml Tag Injection, 内容如下图.
补充新功能:
右键新建时出现. vue 文件类型, 就像新建 HTML 文件一样, 方法:
Setting-Editor-File and Code Templates 点击右上角的加号 添加 vue 文件 Name 为 vue File, Extension 为 vue, 下面的位置可以填写自定义的初始化模板内容.
点击 OK 返回, 在项目中新建会出现 vue 文件 webstorm 配置新建 vue 文件完成.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/16715.html