• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Vscode编辑器的巧妙用法(快速格式化代码的方法)

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

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

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

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

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

    结构没有层级

    安装插件后只需要执行

    ctrl + sahift + p
    输入 Beautify file

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

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

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

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

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

    选择编辑语言

    打开后是这个样子

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

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

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

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

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

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

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

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

    您可能感兴趣的文章:
    • vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解
    • vscode 使用Prettier插件格式化配置使用代码详解
    • VSCode 格式化缩进代码的实现
    • vscode写python时的代码错误提醒和自动格式化的方法
    • vscode使用官方C/C++插件无法进行代码格式化问题
    • Vue-cli Eslint在vscode里代码自动格式化的方法
    上一篇:自动切换能播放音乐列表 vbs
    下一篇:史上最好用的远程桌面工具(附源码)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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