【22新版VSCode】配置自动格式化代码(保存文件自动格式化代码和tab自动格式化代码)

做html开发时，使用快捷键alt+shift+f格式化代码并不是很方便。

想配置自动格式化代码，发现新版本vs code配置方法有点不一样。记录一下。

问题描述a

22年新版vs code配置“保存文件自动格式化代码 ” 和 “tab键补全代码时格式化代码”

软件环境

vscode的版本如下图

操作步骤

1.打开设置

点击左下角的设置图标

点击设置

2.筛选中输入format，勾选配置即可

如下图操作步骤，勾选配置即可。

注意

在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。

效果展示

格式化前，如下较混乱的代码。

<!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>Document</title>
</head>
<body><p>1.hello world</p><p>2.hello world</p><p>3.hello world</p><p>4.hello world</p><p>5.hello world</p>
</body>
</html>

保存前的代码图

保存代码后，自动格式化好了。

<!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>Document</title>
</head><body><p>1.hello world</p><p>2.hello world</p><p>3.hello world</p><p>4.hello world</p><p>5.hello world</p>
</body></html>

保存格式化后代码图。

效果明显。我很喜欢~

【22新版VSCode】配置自动格式化代码(保存文件自动格式化代码和tab自动格式化代码)相关推荐

Jupyter Nodebook添加代码提示（Vscode配置Jupyter Notebook运行.ipynb文件）
2021.04.14 更新,增加了对Vscode代码提示消失的描述前言由于Jupyter Notebook调试Python代码十分方便,受到了许多Coder的欢迎,但是它存在个十分不方便的地方-- ...
第10步 (1)logback.xml日志配置(2) ftp(上传文件)服务器配置(3) idea注入和自动编译配置(4)项目提交gitee(5)fe助手和restlet client
**************************************************************************************************** ...
取消IDEA保存文件，默认删除行尾空格
2019独角兽企业重金招聘Python工程师标准>>> IDEA保存文件,默认删除行尾空格,对于代码规范是件好事: 但是,对于Git版本控制,有时弊大于利,保存文件容易保存不必要的更 ...
图解使用Win8Api进行Metro风格的程序开发二----使用文件选择器访问和保存文件
我们紧接着上篇,这篇将介绍如何使用文件选择器访问和保存文件 -----------------------------------我是华丽的分割线--------------------------- ...
C#设置保存文件SaveFileDialog类的默认文件名
先放上效果图: 在C#中使用SaveFileDialog类保存文件时候,出现默认的文件名,代码如下: SaveFileDialog s1 = new SaveFileDialog(); s1.Titl ...
vscode 配置文件保存时自动格式化
文章目录安装vetur(vue) 和 prettier 两个插件第一步: 先打开vscode软件,左下角点击设置 → 打开设置 → 搜索设置第二步: 接下来先设定自动保存文件,搜索框输入file ...
eslint 无法格式化ts_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.我们现在前端绝大部分都在使用eslint,或者将要把代码改为eslint,那么此时我们怎么方便 ...
vscode配置-保存格式化
vscode配置----ctrl+s保存格式化(vue3) 一.配置项目 Prettier - ESlint Vite 需要 Node.js 版本 >= 12.0.0 vscode 文件 > ...
vscode配置AStyle格式化代码
伙伴们按照步骤来就可以成功,如果我写的不清楚,麻烦评论或者私信我. 一.打开vscode插件下载astyle 二.下载AStyle并配置环境 1.官网下载http://astyle.sourcefor ...