Fork me on GitHub

使用VSCode代码格式化时, Vetur 与 ESLint 的冲突如何解决?

前几天VSCode 写代码没有提示功能了,试了各种方法都没解决,无奈只能卸载重新下载了新的VSCode工具,下载下来后发现确实可以再次提示了,写代码的感觉又回来了,但是又出现了新问题,使用 Vetur 格式化代码时,你可能会发现 Vetur 格式化代码的规则与 ESLint 冲突,具体表现为结尾逗号,结尾分号,函数后无空格,因为是很早之前配置过,有些忘了怎么配置了,无奈只能依托度娘。最终在网上找到解决方案,记录下来,方面后面回忆,比较基础的东西,但是希望能帮助的各位需要帮助的兄弟姐妹们

具体流程如下:

  Code=》首选项=》设置  在搜索栏输入 vetur  ,找到setting.js 

加入下方代码,保存即可.

{
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[javascript]": {
"editor.defaultFormatter": "octref.vetur"
},
// 注意:加了下面的设置后,在函数前加空格的的配置才生效
"vetur.format.defaultFormatter.js": "vscode-typescript",
// 在函数名称前加一个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// 保存时自动格式化代码
"editor.formatOnSave": true,
// 保存时自动修复 eslint 报错
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"settingsSync.ignoredSettings": [
 
]
}

 

posted @ 2023-03-02 11:51  平凡的不平凡  阅读(362)  评论(0编辑  收藏  举报
AmazingCounters.com