Vscode编辑器的巧妙用法(快速格式化代码的方法)

 更新时间:2021年05月24日 10:43:36   作者:MmM豆  
今天小编给大家分享一款超好用的格式化神器,Vscode编辑器是一款很好用的编辑器,学会这个神器可以省去很多麻烦不需要手动一点点缩进,对Vscode编辑器代码格式化感兴趣的朋友一起看看吧

相信不少人,写代码忘我的时候,都会忘记层级之间的缩进,导致代码,看着非常不清晰,这个时候,你是否还在手动一点点缩进,这个时候,我们需要利用编辑器的强大功能啦

笔者使用Vscode,一个很好用的编辑器。有许多优秀的插件等待大家的发现

这里笔者推荐 一个格式化神器

在这里插入图片描述

看这安装量就知道不错了吧,

相信不少人代码都可能写这样

在这里插入图片描述

结构没有层级

安装插件后只需要执行

ctrl + sahift + p
输入 Beautify file

在这里插入图片描述

插件将会自动识别帮你进行格式化

在这里插入图片描述

但是有些小伙伴,在vue,react等框架页面执行发现,咋不一样勒

在这里插入图片描述

插件压根不识别,让你自己选择,结构你发现,选哪一个都丑的无法呼吸。

这个时候我们需要配置一下插件

在这里插入图片描述

在安装的扩展中,找到插件,点击设置,选择扩展设置

在这里插入图片描述

选择编辑语言

在这里插入图片描述

打开后是这个样子

在这里插入图片描述

我们发现,js,css 都很齐全了,只是html,缺乏vue,react,我们手动添加上去

保存后再次来到 页面执行,发现就又能变得轻松愉快了,

除开以上,我们还需要设置一下缩进

在这里插入图片描述

在这里插入图片描述

明显下面的代码看起来结构更加分明

我们只需要在编辑器的右下角 点击空格,改视图

在这里插入图片描述

点击你认为合适的缩进,一般4 为最佳

在这里插入图片描述

然后再执行 Beautify file,命令即可

以上就是Vscode编辑器的巧妙用法(快速格式化代码的方法)的详细内容,更多关于Vscode编辑器代码格式化的资料请关注脚本之家其它相关文章!

相关文章

  • SecureCRT的使用超详细教程

    SecureCRT的使用超详细教程

    SecureCRT是Windows下登录UNIX或Linux服务器主机的软件,优点是可以一次创建多个 Tab Page,连接多台远程主机,下面给大家介绍下SecureCRT的使用超详细教程,感兴趣的朋友一起看看吧
    2021-11-11
  • ChatGPT平替-ChatGLM环境搭建与部署运行效果

    ChatGPT平替-ChatGLM环境搭建与部署运行效果

    这篇文章主要介绍了ChatGPT平替-ChatGLM环境搭建与部署运行,本节将介绍环境搭建与基本部署效果,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • chrome跳转新页面自动打开devtools调试工具的方法

    chrome跳转新页面自动打开devtools调试工具的方法

    Chrome开发者工具(DevTools)是Web开发中不可或缺的利器,为了解决页面跳转后无法查看初始化请求的问题,可以通过提前打开开发者工具(devtools)并设置保留日志来实现,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2024-10-10
  • git中cherry-pick命令的使用教程

    git中cherry-pick命令的使用教程

    这篇文章介绍了git中cherry-pick命令的使用方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • JetBrains 学生认证教程(Pycharm,IDEA… 等学生认证教程)

    JetBrains 学生认证教程(Pycharm,IDEA… 等学生认证教程)

    这篇文章主要介绍了JetBrains 学生认证教程(Pycharm,IDEA… 等学生认证教程)文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • Xmind用例导入到TAPD的解决方案

    Xmind用例导入到TAPD的解决方案

    这篇文章主要介绍了Xmind用例导入到TAPD的方案,大家都知道XMind2TestCase ,该工具基于 Python 实现,通过制定测试用例通用模板,然后使用 XMind 这款广为流传且开源的思维导图工具进行用例设计,需要的朋友可以参考下
    2022-07-07
  • 使用curl命令行模拟登录WordPress的方法

    使用curl命令行模拟登录WordPress的方法

    这篇文章主要介绍了使用curl命令行模拟登录WordPress的方法,本文通过图文实例相结合给大家介绍的非常详细,需要的朋友可以参考下
    2019-11-11
  • 一文弄懂字符集编码

    一文弄懂字符集编码

    软件开发人员经常遇到中文乱码、软件不能显示中文等类似问题,本文主要介绍了一文弄懂字符集编码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • 一文学会Hadoop与Spark等大数据框架知识

    一文学会Hadoop与Spark等大数据框架知识

    Hadoop是一个开源的可运行于大规模集群上的分布式文件系统和运行处理基础框架,Spark是UC Berkeley AMPLab开发的是一种计算框架,分布式资源工作交由集群管理软件(Mesos、YARN),本文介绍Hadoop与Spark大数据框架知识,感兴趣的朋友一起看看吧
    2022-04-04
  • so easy!10行代码写个

    so easy!10行代码写个"狗屁不通"文章生成器功能

    这篇文章主要介绍了通过10行代码写个"狗屁不通"文章生成器功能,真的超级简单,感兴趣的朋友跟随脚本之家小编一起看看吧
    2020-01-01

最新评论