开发过程中经常遇到代码杂乱的情况，每次手动排列都需要浪费大量时间，如果能配置自动整理代码既能让代码赏心悦目也就不用再浪费排列的时间

这是我原来混乱的页面

按快捷键shift alt f  格式化后的代码

简洁大方

1、在vscode编辑器中插件应用里找到vetur并安装

点击左侧最后一个图片查看已有的插件，我这已经加了Vetur的插件，如果没有的同学直接在上面搜索自动添加就可以

2、设置

打开file（文件）----->preferences（首选项）------>settings（设置），搜索vetur.format.defaultFormatter.html会出现下面选项

默认是prettier模式

把选项置为js-beautify-html即可。

在想要格式化的页面按快捷键：shift alt f