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编辑器代码格式化的资料请关注脚本之家其它相关文章!

相关文章

  • 语言编程花絮内建构建顺序示例详解

    语言编程花絮内建构建顺序示例详解

    这篇文章主要为大家介绍了语言编程花絮内建构建顺序示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • superset在linux和windows下的安装和部署详细教程

    superset在linux和windows下的安装和部署详细教程

    Superset 是 Airbnb开源的数据探查与可视化平台,是个轻量级的BI工具,开发者可以在其开源代码上根据需要进行二次开发。这篇文章主要介绍了superset在linux和windows下的安装和部署详细教程,需要的朋友可以参考下
    2020-10-10
  • Elasticsearch索引的分片分配Recovery使用讲解

    Elasticsearch索引的分片分配Recovery使用讲解

    这篇文章主要为大家介绍了Elasticsearch索引的分片分配Recovery使用讲解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • Archlinux Timeshift系统备份与还原的操作方法

    Archlinux Timeshift系统备份与还原的操作方法

    这篇文章主要介绍了Archlinux Timeshift系统备份与还原的操作方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • 深入浅析ELK原理与简介

    深入浅析ELK原理与简介

    ELK是三个开源软件的缩写,分别表示:Elasticsearch , Logstash, Kibana , 它们都是开源软件。这篇文章主要介绍了ELK原理与介绍,需要的朋友可以参考下
    2021-09-09
  • 使用GitLab+Jenkins实现持续集成CI环境的示例代码

    使用GitLab+Jenkins实现持续集成CI环境的示例代码

    本文主要介绍了使用GitLab+Jenkins实现持续集成CI环境的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 浅析mmdetection在windows10系统环境中搭建过程

    浅析mmdetection在windows10系统环境中搭建过程

    这篇文章主要介绍了mmdetection在windows10系统环境中搭建过程,本文图文并茂通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • vscode添加GIT和SVN的方法示例

    vscode添加GIT和SVN的方法示例

    这篇文章主要介绍了vscode添加GIT和SVN的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 使用阿里大于(大鱼)平台进行发送手机验证码的流程

    使用阿里大于(大鱼)平台进行发送手机验证码的流程

    这篇文章主要介绍了使用阿里大于(大鱼)平台进行发送手机验证码的流程,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • 详细讲解HDFS的高可用机制

    详细讲解HDFS的高可用机制

    本文详细讲解了HDFS的高可用机制。如果namenode出现问题,整个HDFS集群将不能使用,HDFS高可用(HA)方案就是为了解决这个问题而产生的,让我们一起来了解了解吧
    2021-08-08

最新评论