vscode 配置 eslint 保存代码自动格式化

那就可爱多一点点

已于 2022-12-02 14:49:42 修改

阅读量1.7k

点赞数 1

分类专栏： vue 文章标签： vscode vue.js javascript

于 2022-12-02 14:11:43 首次发布

本文链接：https://blog.csdn.net/qq_37241934/article/details/128113683

版权

vue 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

第一步下载Eslint 找到右下角的设置图标

点击打开扩展设置
在这里插入图片描述

第二步、选择打开右上角的json配置文件

在这里插入图片描述

第三步写入代码

{
    "emmet.triggerExpansionOnTab": true,
    "editor.fontSize": 14,
    "editor.tabSize": 2,
    "update.showReleaseNotes": false,
    "prettier.printWidth": 150,
    "workbench.editor.untitled.hint": "hidden",
    "prettier.arrowParens": "avoid",
    "prettier.vueIndentScriptAndStyle": true,
    "terminal.integrated.tabs.enabled": true,
    "git.enableSmartCommit": true,
    "explorer.confirmDelete": false,
    "editor.acceptSuggestionOnEnter": "smart",
    "workbench.enableExperiments": false,
    "security.workspace.trust.enabled": false,
    "path-intellisense.mappings": {
     "@": "${workspaceRoot}/src"
    },
    "prettier.jsxSingleQuote": true,
    "prettier.semi": false,
    "explorer.compactFolders": false,
    "explorer.incrementalNaming": "smart",
    "eslint.alwaysShowStatus": true,
    "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
    },
    "eslint.useESLintClass": true,
    "editor.detectIndentation": false,
    "editor.formatOnSave": true,
    "eslint.format.enable": true,

    "gitlens.advanced.messages": {
     "suppressGitMissingWarning": true
    },

    "editor.suggestSelection": "recentlyUsed",
    "editor.minimap.enabled": false,
    "editor.unicodeHighlight.allowedCharacters": {
     "：": true
    },
    "prettier.singleQuote": true,
    "update.enableWindowsBackgroundUpdates": false,
    "update.mode": "start",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.guides.bracketPairs": "active",
    "workbench.startupEditor": "none",
    "eslint.run": "onSave",
    "workbench.editor.splitInGroupLayout": "vertical",
    "[vue]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "eslint.probe": [
     "javascript",
     "javascriptreact",
     "typescript",
     "typescriptreact",
     "html",
     "vue",
     "markdown",
     "Vue",
     "VUE"
    ],
    "files.associations": {
     "*.vue": "vue"
    },
    }