vscode-eslint-petter

效果点击保存自动格式化代码 

需要安装Eslint 和 petter

 

涉及的文件有： 

package.json(标红是需要添加的文件)

　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

{   "name": "paces-ccps-unify-admin-f2e",   "version": "0.1.0",   "private": true,   "scripts": {     "serve": "vue-cli-service serve",     "release": "node .release",     "fix": "eslint --fix --ext .js --ext .vue src/",    // 需要添加的文件     "lint": "vue-cli-service lint"   },   "dependencies": {     "axios": "^0.19.1",     "consola": "^2.15.3",     "core-js": "^3.4.4",     "element-ui": "^2.13.0",     "file-saver": "^2.0.2",     "js-cookie": "^2.2.1",     "normalize.css": "^8.0.1",     "vue": "^2.6.10",     "vue-router": "^3.1.3",     "vuex": "^3.1.2",     "xlsx": "^0.16.3"   },   "devDependencies": {     "babel-eslint": "^10.0.3",   // 需要添加的文件     "@vue/cli-plugin-eslint": "^4.1.0",   // 需要添加的文件     "@vue/eslint-config-standard": "^4.0.0",     "eslint-config-prettier": "^8.3.0",     "eslint-config-standard": "^16.0.3",     "eslint-plugin-import": "^2.20.1",     "eslint-plugin-node": "^11.0.0",     "eslint-plugin-prettier": "^3.4.1",     "eslint-plugin-promise": "^4.2.1",     "eslint-plugin-standard": "^4.0.0",     "eslint-plugin-vue": "^5.0.0",     "@vue/cli-plugin-babel": "^4.1.0",     "eslint": "^6.7.2",     "prettier": "1.19.1",  // 需要添加的文件     "@vue/cli-plugin-router": "^4.1.0",     "@vue/cli-plugin-vuex": "^4.1.0",     "@vue/cli-service": "^4.1.0",     "consola": "^2.15.3",     "node-sass": "^4.12.0",     "sass-loader": "^8.0.0",     "svg-sprite-loader": "^4.1.6",     "vue-template-compiler": "^2.6.10"   } }

　　

　

.eslintignore

?

1

public/*

 

.eslintrc.js

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

module.exports = {   root: true,   env: {     node: true   },   extends: ['plugin:vue/essential', 'plugin:prettier/recommended'],     rules: {     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'   },   parserOptions: {     parser: 'babel-eslint'   } }

.prettierignore

?

1 2	static/**/*/.js node_modules/

.prettierrc

?

1 2 3 4 5

{   "semi": false,   "singleQuote": true,   "trailingComma": "none" }

setting.json 配置

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72

{     "editor.tabSize": 2,     "editor.codeActionsOnSave": {             "source.fixAll.eslint": true     },     "eslint.codeAction.disableRuleComment": {             "enable": true,             "location": "separateLine"     },     "eslint.format.enable": true,     "eslint.lintTask.enable": true,     "eslint.alwaysShowStatus": true,     "explorer.confirmDragAndDrop": false,     "git.autofetch": true,     "editor.renderWhitespace": "none",     "workbench.iconTheme": "vscode-icons",     "git.confirmSync": false,       // 解决vscode cpu占用率过高     "search.followSymlinks": false,     "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",     "workbench.editor.enablePreview": true,     "workbench.editor.enablePreviewFromQuickOpen": false,     "workbench.editor.closeEmptyGroups": false,     "workbench.editor.centeredLayoutAutoResize": false,     "workbench.editor.focusRecentEditorAfterClose": false,     "prettier.useTabs": true,     "editor.renderIndentGuides": false,     "editor.highlightActiveIndentGuide": false,     "window.clickThroughInactive": false,     "launch": {                   "configurations": [],             "compounds": []     },     "files.associations": {             "*.vue": "vue"     },     "vsicons.dontShowNewVersionMessage": true,     "diffEditor.ignoreTrimWhitespace": false,     "editor.defaultFormatter": "esbenp.prettier-vscode",     "[javascript]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[typescript]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[jsonc]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[html]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[vue]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[json]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[typescriptreact]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "[javascriptreact]": {             "editor.defaultFormatter": "esbenp.prettier-vscode"     },     "javascript.updateImportsOnFileMove.enabled": "always",     "editor.rulers": [],     "security.workspace.trust.untrustedFiles": "open",     "explorer.confirmDelete": false,     "editor.minimap.enabled": false,     "editor.renderControlCharacters": true }