VSCode 设置代码格式化

最新推荐文章于 2025-12-08 01:47:16 发布

原创最新推荐文章于 2025-12-08 01:47:16 发布 · 8.5k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍如何在VSCode中进行高效配置，包括自动获取远程仓库更新、代码提示、自动保存、Vetur、ESLint集成、文件关联、Emmet扩展、工作区主题、代码操作等，帮助提升前端开发效率。

文件->首选项->设置然后右上角打开设置（json）

整个复制进去

{
    "git.autofetch": true,
    "editor.quickSuggestions": {
    "strings": true
    },
    "files.autoSave": "afterDelay",
    // vetur configuration
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatter.css": "prettier",
    "vetur.format.defaultFormatter.ts": "prettier",
    "vetur.format.defaultFormatterOptions": {
    // 属性强制折行对齐
    "wrap_attributes": "force-aligned"
    },
    // eslint configuration
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
    {
    "language": "html",
    "autoFix": true
    },
    {
    "language": "vue",
    "autoFix": true
    },
    {
    "language": "css",
    "autoFix": true
    },
    {
    "language": "scss",
    "autoFix": true
    },
    {
    "language": "typescript",
    "autoFix": true
    },
    {
    "language": "javascript",
    "autoFix": true
    },
    {
    "language": "javascriptreact",
    "autoFix": true
    }
    ],
    "explorer.confirmDelete": true,
    "vetur.validation.template": false,
    "editor.fontSize": 16,
    "window.zoomLevel": 0,
    "editor.minimap.enabled": false,
    "workbench.startupEditor": "newUntitledFile",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript"
    },
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "minapp-vscode.disableAutoConfig": true,
    "workbench.colorTheme": "Visual Studio Dark",
    "javascript.updateImportsOnFileMove.enabled": "never",
}