同时安装了Eslint和pretter插件
导致格式化选择内没有eslint
将pretter插件卸载
附上格式化代码
{
"workbench.colorTheme": "Default Dark+",
// 控制字体大小
"editor.fontSize": 16,
"terminal.integrated.automationProfile.linux": {},
// 同步 Git 存储库前请先进行确认
"git.confirmSync": false,
// 控制编辑器在键入一行后是否自动格式化该行
"editor.formatOnType": true,
// 控制编辑器是否自动格式化粘贴的内容。格式化程序必须可用,并且能针对文档中的某一范围进行格式化。
"editor.formatOnPaste": true,
"[vue]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"workbench.iconTheme": "vscode-icons",
"editor.wordWrap": "on",
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #让函数(名)和后面的括号之间加个空格
"eslint.run": "onSave",
"eslint.format.enable": true,
//针对共用的语言如JS、TS和JSX关闭文件保存自动格式化功能,通过eslint来做这件事
"[javascript]": {
"editor.formatOnSave": false
},
"[javascriptreact]": {
"editor.formatOnSave": false
},
"[typescript]": {
"editor.formatOnSave": false
},
"editor.codeActionsOnSave": {
"source.fixAll": "explicit",
"source.fixAll.eslint": "always"
},
// html颜色高亮
"files.associations": {
".eslintrc": "json",
"*.vue": "vue"
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"editor.fontLigatures": false,
"explorer.compactFolders": false,
"editor.mouseWheelZoom": true,
"liveServer.settings.proxy": {
"proxyUri": "http://127.0.0.1:5501"
},
"liveServer.settings.ChromeDebuggingAttachment": false,
"liveServer.settings.port": 5501,
"liveServer.settings.AdvanceCustomBrowserCmdLine": "",
"[html]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"liveServer.settings.donotShowInfoMsg": true,
"cssrem.rootFontSize": 14,
"eslint.codeActionsOnSave.rules": null,
"javascript.updateImportsOnFileMove.enabled": "never",
"cSpell.languageSettings": [],
"tabnine.experimentalAutoImports": true,
"editor.largeFileOptimizations": false,
// csscomb css格式化插件
"css.validate": false,
"less.validate": false,
"scss.validate": false,
//autoFix默认开启,只 需输入字符串数组即可
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
},
"git.ignoreRebaseWarning": true,
"px-to-rem.px-per-rem": 16,
"[css]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"workbench.startupEditor": "none",
"workbench.editor.enablePreview": false,
"workbench.editor.showTabs": "multiple",
"auto-en-conversion.conversion": {
"appId": "20240425002034344",
"secretKey": "egAN7NUvjYGWLhYHLLIK",
"isCache": true,
"cleanCacheSize": 3145728,
"charSize": 10
}
}
插件如下,自行挑选安装