文章目录

  • 前言
  • 一、解决方法
  • 二、在配置文件中添加一下配置
  • 三、本人电脑的ESLint配置
  • 总结

前言

vue基础,最近接手同事的项目,发现ESLint不生效了,找了很久也没有发现问题,因为其他的项目是可以用的。


一、解决方法

1、在vscode中打开设置

2、搜索到ESLint

3、在settings.json中编辑,如图所示:

二、在配置文件中添加一下配置

1、添加配置

 "editor.codeActionsOnSave": {"source.fixAll.eslint":true}, "eslint.validate":["javascript","javascriptreact",{"language":"vue","autoFix":true},"vue"],

2、重新启动vscode,验证是否生效

npm install -g @vue/cli

三、本人电脑的ESLint配置

1、eslint配置

{"workbench.iconTheme": "material-icon-theme","workbench.startupEditor": "newUntitledFile","workbench.colorTheme": "Slack Theme Dark Mode","files.associations": {"*.wxml": "html","*.wxss": "css","*.wpy": "vue","*.json": "json"},"[css]": {"editor.tabSize": 2,"editor.defaultFormatter": "esbenp.prettier-vscode"},"[dart]": {//当保存文件的时候进行格式化"editor.formatOnSave": true,//当一行输入完成后进行格式化"editor.formatOnType": true,"editor.rulers": [80],"editor.selectionHighlight": false,"editor.suggest.snippetsPreventQuickSuggestions": false,"editor.suggestSelection": "first","editor.tabCompletion": "onlySnippets","editor.wordBasedSuggestions": false,"editor.defaultFormatter": "Dart-Code.dart-code"},"gitlens.advanced.messages": {"suppressCommitHasNoPreviousCommitWarning": false,"suppressCommitNotFoundWarning": false,"suppressFileNotUnderSourceControlWarning": false,"suppressGitVersionWarning": false,"suppressLineUncommittedWarning": false,"suppressNoRepositoryWarning": false,"suppressResultsExplorerNotice": false,"suppressShowKeyBindingsNotice": true},"gitlens.historyExplorer.enabled": true,"javascript.updateImportsOnFileMove.enabled": "never","editor.renderWhitespace": "none","javascript.preferences.quoteStyle": "single","editor.wordWrap": "on","cSpell.enabledLanguageIds": ["asciidoc","c","cpp","csharp","css","go","handlebars","html","jade","javascript","javascriptreact","json","latex","less","markdown","php","plaintext","python","pub","restructuredtext","rust","scss","text","typescript","typescriptreact","yml","vue"],"[javascript]": {"editor.tabSize": 2,"editor.defaultFormatter": "vscode.typescript-language-features"},"gitlens.views.fileHistory.enabled": true,"gitlens.views.lineHistory.enabled": true,"eslint.options": {"extensions": [".js", ".vue"]},"eslint.validate":["javascript","javascriptreact",{"language":"vue","autoFix":true},"vue"],"editor.suggestSelection": "first","vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue","explorer.confirmDragAndDrop": false,"[html]": {"editor.defaultFormatter": "vscode.html-language-features"},"[json]": {"editor.defaultFormatter": "SimonSiefke.prettier-vscode"},"C_Cpp.updateChannel": "Insiders","http.proxySupport": "off","diffEditor.renderSideBySide": true,"vim.highlightedyank.enable": true,"vim.hlsearch": true,"workbench.colorCustomizations": {"statusBar.background": "#005f5f","statusBar.noFolderBackground": "#005f5f","statusBar.debuggingBackground": "#005f5f"},"vim.debug.silent": true,"[less]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[vue]": {"editor.defaultFormatter": "rvest.vs-code-prettier-eslint"},"[scss]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"html.mirrorCursorOnMatchingTag": false,"editor.minimap.maxColumn": 80,"editor.tabSize": 2,"editor.detectIndentation": false,"files.autoSave": "afterDelay","eslint.alwaysShowStatus": true,"editor.codeActionsOnSave": {"source.fixAll.eslint":true},"editor.defaultFormatter": "dbaeumer.vscode-eslint","editor.formatOnSave": true,"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto"},"prettier": {"semi": true,"eslintIntegration": true,"singleQuote": true}},"prettier.eslintIntegration": true,"workbench.statusBar.visible": true,"security.workspace.trust.untrustedFiles": "open","workbench.editorAssociations": {"*.dll": "default"},"bracketPairColorizer.depreciation-notice": false,"workbench.editor.untitled.hint": "hidden","dart.flutterHotReloadOnSave": "always","dart.previewFlutterUiGuides": true,"editor.bracketPairColorization.enabled": true,"vsicons.dontShowNewVersionMessage": true,"cmake.configureOnOpen": true,"explorer.confirmDelete": false,"svelte.plugin.svelte.note-new-transformation": false,"merge-conflict.autoNavigateNextConflict.enabled": true,"volar.autoCompleteRefs": true,"editor.formatOnType": true,"[postcss]": {"editor.defaultFormatter": "SimonSiefke.prettier-vscode"},"npm.keybindingsChangedWarningShown": true,"git.mergeEditor": false,"editor.fontSize": 13,"eslint.codeActionsOnSave.rules": null}

总结

这就是解决某个项目ESLint不生效问题,希望帮助到你。