vscode格式话代码：ctrl+shift+f，

一般情况下，在vscode中格式化代码，都是如图一所示的效果图

一个标签换了好几行，看起来很难看，也不利于修改

 
图一

如下配置，即可保持标签不换行

vscode中的文件->首选项->设置->工作区->setting.json

在setting.json中

{ "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "force-expand-multiline", "wap_line_length": 220, "end_with_newline": false }, "prettyhtml": { "printWidth": 220, "singleQuote": false, "wrapAttributes": false, "sortAttributes": false } }

{

效果图如下：

 
图二

作者：候鸟与暖风

链接：https://www.jianshu.com/p/57db1de10062

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。