vscode 保存自动格式化

最新推荐文章于 2025-06-12 14:25:42 发布

原创最新推荐文章于 2025-06-12 14:25:42 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode

其他工具专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何通过settings.json配置，优化Visual Studio Code的工作环境，重点关注了代码格式化、默认编辑器选择、语言插件等，以适应Vue、JavaScript和HTML项目的高效开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

settings.json :

{
    "settings": {
        "liveServer.settings.AdvanceCustomBrowserCmdLine": "",
        "liveServer.settings.CustomBrowser": "chrome",
        "editor.fontsize": 14,
        "editor.formatOnSave": true
    },
    "editor.tabSize": 2,
    "[javascriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "editor.fontSize": 16,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "editor.minimap.enabled": false,
    "workbench.activityBar.visible": true,
    "standard.autoFixOnSave": true,
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.formatOnType": true,
    "editor.formatOnSave": true,
    //配置eslint
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,
    //autoFix默认开启，只需输入字符串数组即可
    "eslint.validate": [
        "javascript",
        "vue",
        "html"
    ],
    "launch": {
        "configurations": [],
        "compounds": []
    },
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true,
            "printWidth": 200,
            "trailingComma": "none"
        }
    },
    "javascript.format.insertSpaceBeforeFunctionParenthesis": false
}