vscode中vue代码格式化

1,184 阅读1分钟

1.文件,首选项,设置 2.搜索jsh,找到settings.json,点进去编辑 3.把如下代码复制进去就好啦

{
    "editor.fontSize": 16,
    "workbench.colorTheme": "Monokai",
    "workbench.startupEditor": "newUntitledFile",
    "files.associations": {
        "*.wxml": "html"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "editor.detectIndentation": false,
    "explorer.confirmDelete": false,
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "vetur.validation.template": false,
    "vetur.format.options.tabSize": 4,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true,
            "semi": false
        },
        "js-beautify-html": {
            "wrap_line_length": 120,
            "wrap_attributes": "auto",
            "end_with_newline": false
        }
    }
}