脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 其它综合 → Vscode编辑器代码格式化

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

您可能感兴趣的文章:

相关文章

  • 鸿蒙开发搭建flutter适配的开发环境

    鸿蒙开发搭建flutter适配的开发环境

    文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutter doctor检测环境、创建项目、编译HAP包以及在真机上运行项目,打包鸿蒙Flutter应用的测试包和正式包的方法,并介绍了常见问题的解决方法
    2024-12-12
  • 详解git commit --amend 用法

    详解git commit --amend 用法

    这篇文章主要介绍了详解git commit --amend 用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 分享下GET和POST的真正区别

    分享下GET和POST的真正区别

    如果有人问你，GET和POST，有什么区别？你会如何回答
    2013-02-02
  • 在CODEIGNITER中 在CI中引入外部的JS与CSS呢

    在CODEIGNITER中 在CI中引入外部的JS与CSS呢

    其实不管是在用CI还是ZF都有同样一个问题，就是路径的问题。前期，我在用ZF做CMS时，我在.htaccess文件中设置了如遇到js,css,img等资源文件都不重定向。
    2009-07-07
  • Flyway的简单介绍及使用详解

    Flyway的简单介绍及使用详解

    这篇文章主要介绍了Flyway的简单介绍及使用,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-07-07
  • kettle 入门使用教程(最新版)

    kettle 入门使用教程(最新版)

    Kettle是一款国外开源的ETL工具，纯java编写，可以在Window、Linux、Unix上运行，数据抽取高效稳定，本文以7.0.0.0-25版本为例给大家详细讲解下载安装入门级教程，感兴趣的朋友一起看看吧
    2022-11-11
  • IntelliJ IDEA 2020.1配置svn的图文教程

    IntelliJ IDEA 2020.1配置svn的图文教程

    这篇文章主要介绍了IntelliJ IDEA 2020.1配置svn的图文教程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-11-11
  • Windows下安装Git

    Windows下安装Git

    这篇文章介绍了Window下安装Git的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-04-04
  • 一文学会Hadoop与Spark等大数据框架知识

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

    Hadoop是一个开源的可运行于大规模集群上的分布式文件系统和运行处理基础框架，Spark是UC Berkeley AMPLab开发的是一种计算框架，分布式资源工作交由集群管理软件（Mesos、YARN），本文介绍Hadoop与Spark大数据框架知识，感兴趣的朋友一起看看吧
    2022-04-04
  • 最新Adobe2022 全家桶永久激活无限使用 附安装包下载(一键安装)

    最新Adobe2022 全家桶永久激活无限使用 附安装包下载(一键安装)

    众所周知，Adobe系列的软件每年都会更新一个大版本，这不，2022年还没到来，可Adobe2022已经更新了，所以最新版一出来，就有安装体验，整体效果非常不错，今天就把所有资源分享给大家
    2021-12-12

最新评论