VScode 保存代码时自动格式化代码

(1)安装插件 vetur

(2)文件-----首选项-----设置;

(3)工作区-----文本编辑器-----正在格式化-----Format On Save(勾选);

测试代码:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>快速格式化代码</title><style>body{width:100px;height:200px;}</style>
</head><body>
<div>123</div><div>abc</div></body></html>

保存:Ctrl+s;后立马自动保存并且对齐

代码:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>快速格式化代码</title><style>body {width: 100px;height: 200px;}</style>
</head><body><div>123</div><div>abc</div>
</body></html>

35 快速格式化代码相关推荐

  1. Emmet语法——HTML和CSS快速生成代码/VS code如何快速格式化代码

    前言:本篇文章简单讲述了HTML和CSS中的Emmet语法,更多详细语法内容可以参见此文章 https://code.z01.com/Emmet/ Emmet 语法 Emmet语法的前身是Zen co ...

  2. 快速格式化代码(HTML、CSS)

    快速格式化代码(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta charset ...

  3. 6.Emmet 语法与快速格式化代码

    Emmet语法可以让我们在写网页的时候速度更快,我当前写网页的工具是pycharm,在pycharm中使用Emmet,我们需要点击File,然后点击Setting 搜索emmet,保证这里是勾选状态 ...

  4. IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码

    IntelliJ IDEA小技巧 --  代码太乱?一键快速格式化代码 在使用IDEA的过程中,为了使代码看起来更整齐,可以在设置中定义代码的展示效果. 更改Java等常用代码的展示效果 1.打开ID ...

  5. Eclipse Jee 2019-09 的快键键与搜狗输入法有冲突,中文状态下快速格式化代码的方法。

    Eclipse Jee 2019-09 的快键键与搜狗输入法有冲突,英文状态下快速格式化代码的方法. Ctrl+Shift+F 当使用搜狗输入法的中文输入状态下,该快捷键就不好使了. 通过以上步骤能解 ...

  6. vscode快速格式化代码(详细)

    vscode快速格式化代码(详细) 1.快捷键:[Alt]+[Shift]+F 2.每次保存(ctrl+s)就会自动初始化 原理:配置settings.json文件 步骤: 1.文件–首选项,进入(如 ...

  7. Vs Code 快速格式化代码

    Vs Code快速格式化代码: Shift+Alt+F 或者右键单击格式化文档 或者设置当我们保存页面的时候自动格式化代码 1)文件–首选项–设置 2)搜索框内输入 emmet.include; 3) ...

  8. CSS——快速格式化代码的方法与步骤

    快速格式化代码的方法与步骤: 第一步:打开设置,有两种方法: ​ 方法一: ​ 方法二: 第二步:在设置页面搜索:emmet.include; 第三步:在settings.json下面的{用户}中添加 ...

  9. Vscode 快速 格式化代码

    Vscode 快速格式化代码: shift+alt+f 也可以设置 当我们 保存页面的时候自动格式化代码:1)文件 ------.>[首选项]---------->[设置]:)搜索emme ...

最新文章

  1. [Runtime]-交换方法
  2. 2022/4/3刷题
  3. YOLO 系目标检测算法家族全景图!
  4. 我的世界服务器物品解绑定,我的世界更方便控制VIP物品 灵魂绑定插件分享
  5. 【Elasticsearch】10分钟查询一个petabyte的云存储容量
  6. CuteChat for Community Server 2.0 beta 3!
  7. CPU飙高 解决方法
  8. 客户端分析php代码,分享:一个简单的全网解析客户端代码。
  9. 集合、哈希表、泛型集合、字典
  10. 【POJ3045】Cow Acrobats(贪心)
  11. CMU 15-213 Introduction to Computer Systems学习笔记(23) Thread-Level Parallelism
  12. vs vb连接mysql,用vs2010的vb.net建立和access数据库的连接后的奇怪问题:关于本地复制...
  13. Opencl入门Demo
  14. C# Serialization(序列化)
  15. 有孚网络与中国科学院虚拟经济与数据科学研究中心签署战略合作协议,推动行业智能化转型加速发展
  16. 几何光学学习笔记(1)- 1.1 几何光学的基本概念和定律
  17. LeetCode/LintCode 题解丨一周爆刷字符串:神奇字符串
  18. iPhone 12 pro max卡槽怎么插双卡
  19. 海量数据处理的 Top K算法(问题) 小顶堆实现
  20. 旅游企业财务管理【2】

热门文章

  1. Java并发编程之AQS以及源码解析
  2. CTF buuoj pwn-----第12题: ciscn_2019_s_3
  3. cpuidle framework
  4. Mac 你没有权限打开该应用
  5. python优质网站合集
  6. Sanctum打造区块链领域的伯克希尔哈撒韦
  7. 中国石油企业再次走出去
  8. 给广大码农分享福利:一个业界良心的github仓库,中文计算机资料
  9. 代码比较工具Beyond Compare 4(亲测有效)
  10. LSD直线检测MATLAB