这是我的vscode设置，主要是设置vetur中vue文件各部分的校验工具。解决了问题就给我点个赞吧！您需要安装prettier-eslint插件。众所周知，prettier是一个代码风格标准插件，而eslint是一个代码质量验证插件，所以这两者之间的冲突几乎是不可避免的，所以就有了prettier-eslint插件来保证代码质量.同时规范代码风格。在vue项目中，vetur插件必不可少，所以将vetur中的js格式化部分设置为prettier-eslintssetting.json文件，直接粘贴以下内容{"editor.defaultFormatter":"esbenp.prettier-vscode",//自动格式化器更漂亮"javascript.updateImportsOnFileMove.enabled":"always",//js重命名文件自动更新路径//js自动格式化器更漂亮-eslint"[javascript]":{"editor.defaultFormatter":"rvest.vs-code-prettier-eslint"},"[vue]":{"editor.defaultFormatter":"octref.vetur"},//#让vue中的js按“prettier”的format格式化"vetur.format.defaultFormatter.html":"prettier","vetur.format.defaultFormatter.js":"prettier-eslint",//主要是解决冲突"vetur.format.defaultFormatterOptions":{//#vue组件中的html代码格式化样式//"js-beautify-html":{},//"prettier-eslint":{},//"prettyhtml":{}},"editor.suggestSelection":"first",//Tab选择第一个suggestionfirst"editor.formatOnPaste":true,//自动格式化粘贴的内容"editor.formatOnType":true,//输入一行后自动格式化}
