Visual studio code 埃斯林特；NuxtJS上的漂亮冲突

当我创建一个新的Nuxt.js项目时，我对ESLint和Prettier有一个非常累人的问题

如果我保存在这个

.vue

文件上，那么Prettier会尝试修复它，但ESLint会阻止它这样做。所以，我不能删除这个错误

我的eslintrc.js

module.exports={
根：是的，
环境：{
浏览器：是的，
节点：对，
},
解析选项：{
解析器：“babel eslint”，
},
扩展：[
“@nuxtjs”，
'插件：更漂亮/推荐'，
'插件：nuxt/推荐'，
],
插件：[]，
//在此处添加自定义规则
规则：{}，
}

我的，prettierrc

{
  "semi": false,
  "singleQuote": true
}

My settings.json

{
“editor.codeActionsOnSave”：{
“source.fixAll.eslint”：正确，
},
“editor.formatOnSave”：正确，
}

我不修改生成的ESLint和更漂亮的文件

我想问题出在我的VS代码设置、ESLint设置或Prettier上。我尝试了一些解决方案，但没有任何效果

编辑

---

现在，当我生成新的NuxtJS项目时，所有的工作

ESLint规则有时与更漂亮的规则相冲突。尝试将

.eslintrc.js

中的

'plugin:prettier/recommended'

移动到

'plugin:numxt/recommended'

之后，以覆盖numxt提供的ESLint规则

根据：

然后，将“prettier”添加到.eslintrc.*文件中的“extends”数组中。确保将其放在最后，这样它就有机会覆盖其他配置

eslint config PRETTER由以下人员使用：

此插件附带一个plugin:prettier/推荐配置，可一次性设置插件和eslint config prettier

---

我找到了一个解决方案，虽然不完美，但很有效：

VSCode扩展

.eslintrc.js

module.exports={
根：是的，
环境：{
浏览器：是的，
节点：true
},
扩展：[
“@nuxtjs”，
'插件：nuxt/推荐'，
'eslint:Recommendated'//谢谢，我试过了，但不管用，我也遇到了同样的问题。我找到的唯一解决方案不是真正正确的，我在.eslintrc.js中添加了
规则：{'prettier/prettier'：['error'，{printWidth:1000}]，}
。