VScode突然就无法格式化代码了,所有文件类型都无法格式化了,保存自动格式化不行,手动格式化也不行,不知道为什么。安装了eslint、prettier、和 vetur ,前两天还好好的,今天突然就不行了,卸载重装 VScode 也不行。下面是我的setting.json 配置。感谢帮助!
{
"workbench.colorTheme": "Gatito Theme",
"workbench.iconTheme": "vscode-icons",
"winopacity.opacity": 230,
"editor.fontSize": 16,
"eslint.enable": false,
"eslint.execArgv": null,
"liveServer.settings.donotShowInfoMsg": true,
"prettier.jsxSingleQuote": true,
"prettier.printWidth": 100,
"prettier.useTabs": true,
"prettier.vueIndentScriptAndStyle": true,
"editor.formatOnType": true,
// 80 列后换行
"editor.wordWrapColumn": 80,
// 开启 vscode 文件路径导航
"breadcrumbs.enabled": true,
// prettier 设置语句末尾不加分号
"prettier.semi": false,
// prettier 设置强制单引号
"prettier.singleQuote": true,
// 显示 markdown 中英文切换时产生的特殊字符
"editor.renderControlCharacters": true,
// 设置 eslint 保存时自动修复
// "eslint.autoFixOnSave": true,
// eslint 检测文件类型
"eslint.validate": [
"vue",
"html",
"javascript",
"typescript",
"javascriptreact",
"typescriptreact"
],
// vue 扩展的文件默认使用 prettier 进行格式化
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"vsicons.dontShowNewVersionMessage": true,
"git.ignoreMissingGitWarning": true,
"security.workspace.trust.untrustedFiles": "open",
"security.workspace.trust.enabled": false,
"explorer.confirmDelete": false,
"files.associations": {
"manifest.json": "jsonc",
"pages.json": "jsonc",
"*.jsx": "javascriptreact",
"*.tsx": "typescriptreact"
},
"prettier.requireConfig": true,
"editor.tabSize": 2,
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[less]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"diffEditor.ignoreTrimWhitespace": false,
"editor.formatOnPaste": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.detectIndentation": true,
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
}
找到问题了 ,应该把 "prettier.requireConfig": true,,改为"prettier.requireConfig": false,这个配置项的意思就是设置是否必须要 .prettier 文件,设置为 true 时,当没有该文件,则无法格式化代码
【相关推荐】
npm install eslint -g
eslint --init
file -> preferences -> settings
Eslint Options
点击 Edit in settings.json
, "eslint.validate": [
"javascript",
"javascriptreact",
"vue-html",
{
"language": "vue",
"autoFix": true
}
],
"eslint.run": "onSave",
"eslint.options": {
"config-file": "F:\\work\\web-visualization\\.eslintrc.js"//配置的eslint配置规则
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
.eslintrc.js
规则文件Ctrl+,
打开设置,开启:
7.设置快捷键Ctrl + k Ctrl + S
设置ESLint fix 快捷键:(自启动ctrl+s
也会自动格式化)