Vscode编辑器的巧妙用法(快速格式化代码的方法)
相信不少人,写代码忘我的时候,都会忘记层级之间的缩进,导致代码,看着非常不清晰,这个时候,你是否还在手动一点点缩进,这个时候,我们需要利用编辑器的强大功能啦
笔者使用Vscode,一个很好用的编辑器。有许多优秀的插件等待大家的发现
这里笔者推荐 一个格式化神器
看这安装量就知道不错了吧,
相信不少人代码都可能写这样
结构没有层级
安装插件后只需要执行
ctrl + sahift + p
输入 Beautify file
插件将会自动识别帮你进行格式化
但是有些小伙伴,在vue,react等框架页面执行发现,咋不一样勒
插件压根不识别,让你自己选择,结构你发现,选哪一个都丑的无法呼吸。
这个时候我们需要配置一下插件
在安装的扩展中,找到插件,点击设置,选择扩展设置
选择编辑语言
打开后是这个样子
我们发现,js,css 都很齐全了,只是html,缺乏vue,react,我们手动添加上去
保存后再次来到 页面执行,发现就又能变得轻松愉快了,
除开以上,我们还需要设置一下缩进
明显下面的代码看起来结构更加分明
我们只需要在编辑器的右下角 点击空格,改视图
点击你认为合适的缩进,一般4 为最佳
然后再执行 Beautify file,命令即可
以上就是Vscode编辑器的巧妙用法(快速格式化代码的方法)的详细内容,更多关于Vscode编辑器代码格式化的资料请关注脚本之家其它相关文章!
相关文章
superset在linux和windows下的安装和部署详细教程
Superset 是 Airbnb开源的数据探查与可视化平台,是个轻量级的BI工具,开发者可以在其开源代码上根据需要进行二次开发。这篇文章主要介绍了superset在linux和windows下的安装和部署详细教程,需要的朋友可以参考下2020-10-10Elasticsearch索引的分片分配Recovery使用讲解
这篇文章主要为大家介绍了Elasticsearch索引的分片分配Recovery使用讲解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-04-04Archlinux Timeshift系统备份与还原的操作方法
这篇文章主要介绍了Archlinux Timeshift系统备份与还原的操作方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-01-01使用GitLab+Jenkins实现持续集成CI环境的示例代码
本文主要介绍了使用GitLab+Jenkins实现持续集成CI环境的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2022-01-01浅析mmdetection在windows10系统环境中搭建过程
这篇文章主要介绍了mmdetection在windows10系统环境中搭建过程,本文图文并茂通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
最新评论