admin管理员组

文章数量:829163

vscode格式化代码使html标签不换行

1.打开Vscode,点击文件 —》首选项 —》设置—》搜索vetur —》 在setting.json中编辑—》输入以下代码(注意是json形式的,如果setting.json中为空,要自己在最外层加一个{})

    "vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto"},"prettyhtml": {"printWidth": 100,"singleQuote": false,"wrapAttributes": false,"sortAttributes": false}}

VsCode格式化vue代码使html不换行

下载Vetur插件 编辑其settings.json文件如下

{"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "aligned-multiple"},"prettyhtml": {"printWidth": 100,"singleQuote": false,"wrapAttributes": false,"sortAttributes": false}},
}

本文标签: vscode格式化代码使html标签不换行