Vue项目配置Vscode配置格式化_vscode格式化vue文件完美配置

安装vscode插件Vetur

配置json

 {
     "explorer.confirmDelete": false,
     "git.openRepositoryInParentFolders": "always",
     "workbench.colorTheme": "Default Light+ Experimental",
     // 更改vue的html格式，根据需求设置
     "vetur.format.defaultFormatter.html": "js-beautify-html",
     // 更改vue的js格式
     "vetur.format.defaultFormatter.js": "vscode-typescript",
     // 保存时自动格式化
     "editor.formatOnSave": true,
     // 取消html标签属性强制换行
     "vetur.format.defaultFormatterOptions": {
         "js-beautify-html": {
             "wrap_attributes": "auto",
         }
     },
     "[vue]": {
         "editor.defaultFormatter": "octref.vetur"
     },
     "security.workspace.trust.untrustedFiles": "open",
     "vetur.completion.scaffoldSnippetSources": {
         
 ​
         "workspace": "         本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】