1、在vscode中，拷貝某個元件時，屬性自動換行，導致一個檔案千百行 ，程式碼看著很凌亂，如下：

解決方法：

1.vs 安裝 vetur外掛；

2.vetur->format->default formatter:html，這項將格式化模板選擇為：js-beautify-html

3.設定好以後，往下滑找到Format:Default Formatter Option,在settings.json中，將以下程式碼放到settings.json中

程式碼如下：

{
    "vetur.format.defaultFormatter.html": "js-beautify-html
 
",
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "explorer.confirmDelete": false,
    "vetur.format.options.tabSize": 4,
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto",
        },
        "prettier": {
            
 
"semi": false,
            "singleQuote": true
        }
    },
    // 補充：script標籤內 js 程式碼儲存自動換行的問題
    "vetur.format.defaultFormatter.js": "vscode-typescript",
}

效果展示：