1. 程式人生 > 其它 >VsCode 前端開發常用配置

VsCode 前端開發常用配置

{
    "terminal.integrated.shell.windows": "C:\\Myprogram\\Git\\bin\\bash.exe",
    // "terminal.integrated.defaultProfile.windows": "PowerShell",
    //tab大小為2個空格
    "editor.tabSize": 2,
    //100列後換行
    "editor.wordWrapColumn": 100,
    //儲存時格式化
    "editor.formatOnSave": true,
    //開啟vscode檔案路徑導航
    "breadcrumbs.enabled": true,
    //選擇vue檔案中template的格式化工具
    "vetur.format.defaultFormatter.html": "prettyhtml",
    //顯示markdown中英文切換時產生的特殊字元
    "editor.renderControlCharacters": true,
    //讓函式(名)和後面的括號之間加個空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    //讓vue中的js按編輯器自帶的ts格式進行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    //vetur的自定義設定
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true,
            "semi": false
        }
    },
    //Ctrl+Shift+F快捷鍵設定(依照vetur格式化程式碼)
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "window.zoomLevel": -1,
    "git.enableSmartCommit": true,
    "explorer.confirmDelete": false,
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "diffEditor.ignoreTrimWhitespace": false,
    "terminal.integrated.tabs.enabled": true,
    "explorer.confirmDragAndDrop": false,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "prettier.trailingComma": "none",
    "prettier.jsxSingleQuote": true,
    "update.mode": "none",
}