vscode保存格式化自动去掉分号、逗号、双引号

痛定思痛。 2023-10-15 16:43 66阅读 0赞

之前每次写完代码都是双引号还有分号，看着很难受，就像修改一下，让它变成单引号，并且不加上引号：如下形式，看着简洁清晰明了

![391ac4133c244b80a03a6f397b9d91b0.png][]

修改方式：更改 settings.json 文件  
快捷键“Ctrl + Shift + P”打开命令面板

加上这几个配置:![3a8531d33ded44c5b183956945ce54cb.png][]

贴上我的完整配置：

{
        "editor.fontSize": 18,
        "editor.linkedEditing": true,
        "editor.unicodeHighlight.ambiguousCharacters": false,
        "extensions.ignoreRecommendations": true,
        "editor.unicodeHighlight.invisibleCharacters": false,
        "explorer.confirmDragAndDrop": false,
        "editor.formatOnSave": true,
        "editor.formatOnType": true,
        "css.hover.references": false,
        "editor.hover.enabled": false,
        "html.hover.references": false,
        "prettier.useEditorConfig": true,
        "prettier.jsxSingleQuote": true,
        "prettier.singleQuote": true,
        "prettier.trailingComma": "none",
        "prettier.semi": false,
        "explorer.confirmDelete": false,
        "security.workspace.trust.untrustedFiles": "open",
        "cssrem.rootFontSize": 80,
        "liveServer.settings.donotShowInfoMsg": true,
        "terminal.integrated.fontSize": 13,
        "liveServer.settings.donotVerifyTags": true,
        "vetur.validation.template": false,
        "vetur.validation.script": false,
        "eslint.enable": false,
        "gitlens.advanced.messages": {
            "suppressLineUncommittedWarning": true
        },
        "editor.suggestSelection": "first",
        "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
        "workbench.iconTheme": "vscode-icons",
        "workbench.colorTheme": "One Dark Pro Flat",
        "terminal.external.osxExec": "iTerm.app",
        "workbench.startupEditor": "none",
        "path-intellisense.mappings": {
            "@": "${workspaceRoot}/src"
        },
        "vsicons.dontShowNewVersionMessage": true,
        "emmet.triggerExpansionOnTab": true,
        "[javascript]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[vue]": {
            "editor.defaultFormatter": "octref.vetur"
        },
        "[typescriptreact]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[typescript]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        }
    }

[391ac4133c244b80a03a6f397b9d91b0.png]: https://img-blog.csdnimg.cn/391ac4133c244b80a03a6f397b9d91b0.png
[3a8531d33ded44c5b183956945ce54cb.png]: https://img-blog.csdnimg.cn/3a8531d33ded44c5b183956945ce54cb.png