一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了

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

这是我原来混乱的页面

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

简洁大方

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

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

2、设置

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

默认是prettier模式

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

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

一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了相关推荐

vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
vscode格式化react代码
vscode安装eslint后,可以正常格式化普通代码,但是react代码无法格式,需要再装Prettier,下图: 安装完后,在settings.json中配置如下: 这个信息其实在工具安装中就有提 ...
vscode 格式化vue插件wpy-beautify 快捷键ctrl+shift+6
vscode 格式化vue插件wpy-beautify Features Beautify Vue or wpy code in Visual Studio Code. preview Usage K ...
VScode格式化HTML代码保持标签属性不换行
点开设置,设置页面点开"拓展",找到"Vetur",右侧点击"在setting.json中编辑", 加入以下配置就好了: "vet ...
vscode格式化C++代码方法
格式之前格式操作解决方法:按下组合键ctrl+shift+p 在弹出的搜索窗口中输入format 选择format document后回车就可以了格式之后
学会这5个时间管理黄金法则，再也不用愁时间不够用了~
富人做事越做越轻松,而且做的越多,赚越多:穷人越做越累,而且做的越多,未必赚的更多. 想要高效工作,提高效率,时间管理是必不可少的.时间管理是你成功的必备金轮,能合理分配管理时间,才可以抢得高薪,让你 ...
适用于typecho的百度自动收录链接提交插件及代码操作，解放双手，再也不用手动提交收录了！
原文链接:https://www.waoww.com/typecho-plugin/typecho-plugin-AutoBaiduSubmit.html 好吧,最近没事闲逛的时候,发现了一个有趣的插 ...
vscode格式化代码使html标签不换行
1.打开Vscode,点击文件 ->首选项 ->设置->搜索vetur -> 在setting.json中编辑->输入以下代码(注意是json形式的,如果setting. ...
vscode python 格式化_VSCode 格式化缩进代码的实现
1)文件 -> 首选项因为 vscode 默认启用了根据文件类型自动设置tabsize的选项,在设置中添加: "editor.detectindentation": fal ...

一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了

一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了相关推荐

最新文章

热门文章