1. 程式人生 > >VS Code Vue程式碼格式化

VS Code Vue程式碼格式化

{
    // 工作區顏色主題(Vue Theme)

    "workbench.colorTheme": "Vue Theme",

    // 工作區圖示主題(vscode-icons)

    "workbench.iconTheme": "vscode-icons",

    // vetur使用格式化外掛:js-beautify-html

    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // "vetur.format.defaultFormatter.js": "vscode-typescript",
    // 格式化外掛格式配置
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
        }
    },

    // 模板格式檢查

    "vetur.validation.template": false,

    // 單引號

    "prettier.singleQuote": true,

    // 去掉結尾分號

    "prettier.semi": false,

    // Tab寬度

    "prettier.tabWidth": 2,
    "editor.tabSize": 2,
    //讓prettier使用eslint的程式碼格式進行校驗
    // "prettier.eslintIntegration": true,
    // 函式名後面加空格(符合eslint標準)
    // "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

    // 根據檔案型別設定Tab寬度

    "editor.detectIndentation": false,

    // tab自動補全

    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "plaintext": "jade"
    },

    // 編輯器字型大小

    "editor.fontSize": 16,

    // 終端字型大小

    "terminal.integrated.fontSize": 16,

    "git.autofetch": true,

    "explorer.confirmDelete": false,

    // 提示支援檔案型別

    "emmet.syntaxProfiles": {
        "vue-html": "html",

        "vue": "html"
    },

    // 儲存時自動格式化

    "editor.formatOnSave": true,

    "git.confirmSync": false
}