vscode eslint插件报错Parsing error: Invalid ecmaVersion问题
vscode eslint插件报错Parsing error: Invalid ecmaVersion
问题描述
vscode 打开项目每个页面都会首行第一个单词带有红色波浪线～，显示为Parsing error: Invalid ecmaVersion.
解决方式(网络)
安装最新版eslint
npm i -g eslint
vscode中eslint语法报错问题
我们使用vue-cli创建项目，默认会启用eslint语法检验，虽然是个好东西，可以让我们的代码格式非常的规范，但是他过于严格的语法规范，比如不能加分号，使用单引号，代码结尾还有有一个空行等等过于严格的要求，让代码经常报错，与修改一个空格，一个分号的事就大大降低了开发效率，所以需要解除一些工具帮我们自动按照esllint进行代码自动规范化。
解决
我是使用了三个插件来实现保存自动进行代码规范化的功能，非常的方便。
步骤：
1）首先确保自己的vscode中安装了eslint、vetur、prettier这三个插件
2）在配置文件（setting.json）中进行配置
按ctrl+shift+p打开搜索setting，打开配置文件
在配置文件中添加如下配置
// 在保存的时候进行格式化 "editor.formatOnSave": true,
3）在项目根目录下新建.prettierrc配置文件，对prettier进行设置，配置如下：
因为prettier有个很恶心的功能，就是会将所有的单引号变为双引号，所有语句加上分号，这个明显不符合eslint的语法，所以需要我们进行配置
{
//使用单引号
"singleQuote": true,
//不添加分号
"semi": false
}
4）然而这样配置完还是会报错，eslint要求我们在function和（）之间加上一个空格，但是这样并不好看，所以我们可以在.eslintrc.js文件中进行配置，禁用该规则，配置如下：
rules: {
// 禁用方法（）前有一个空格
'space-before-function-paren': 0,
//关闭定义未使用的错误
"no-unused-vars": "off"
//关闭缩进检测
'indent': 'off'
}
大功告成了~
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Git实现克隆历史的某个版本，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
clang-format是代码格式化工具,本文主要介绍了vscode安装配置clang-format,具有一定的参考价值,感兴趣的可以了解一下2023-10-10
这篇文章主要介绍了详解git合并冲突解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
这篇文章主要介绍了vscode更改代码git没有更新问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-05-05
json转String与String转json及判断对象类型示例代码
正如标题所言json转String和String转json以及判断对象类型，在网上会搜到很多的相关文章，不过大都介绍的笼统，下面有个不错的示例，感兴趣的朋友可以参考下2013-10-10
本文非常详细的描述了一次从web到内网渗透的一次过程，并对每一步过程做了详细的图文示例及解析，有需要的朋友可以借鉴参考下，希望能够有所帮助2021-09-09
这篇文章主要为大家介绍了Redhat持久化日志实战示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
gitlab项目如何修改主分支main为master以及可能遇到的问题详解
本文详细介绍了如何将Git仓库的主分支名称从main修改为master,包括本地和远程仓库的更改步骤,以及如何在GitLab上更改默认分支和删除受保护分支2024-11-11
mvn 打包报错：no compiler is provided in this environment
这篇文章主要为大家介绍了mvn 打包报错：no compiler is provided in this environment解决方案详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了Git如何恢复到之前版本，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论