vscode上保存时自动格式化代码(一分钟搞定)

最新推荐文章于 2024-06-07 16:11:02 发布
最新推荐文章于 2024-06-07 16:11:02 发布
阅读量5.9k 收藏 3
点赞数 2
分类专栏： 包罗万象的记录 文章标签： vscode 前端 visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48557496/article/details/115314999
版权
  • 插件Prettier-Code formatter

支持格式的代码类型
JavaScript–TypeScript–Flow–JSX–JSON。
CSS - SCSS - Less
HTML - Vue - Angular
GraphQL - Markdown - YAML
PS:我用来写c++其实也可以补全

在这里插入图片描述

  • 设置保存时格式化

1）勾选保存时格式化 在这里插入图片描述

2）设置默认格式化方式
【在代码页面右键】
在这里插入图片描述

在这里插入图片描述
【设置一次之后ctrl+s就可以自动格式化了】

【推荐阅读】
vscode上不容错过的插件

【回见】

在下是小白
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode在保存代码时自动用eslint做格式化
m0_74076766的博客
12-21 350
五分钟教你在后端之前写好接口
vscode写python时的代码错误提醒和自动格式化的方法
09-16
在使用Visual Studio Code (VSCode) 进行Python开发时，拥有实时的代码错误提醒和自动格式化功能能够显著提高编程效率和代码质量。本文将详细介绍如何在VSCode中实现这些功能。 首先，代码错误提醒是开发过程中的...
vue项目Ctrl+s vscode代码自动格式化
易函123
09-16 2381
前言 多人开发vue项目,代码风格形式不一 vscode保存代码，自动按照eslint规范格式化代码设置（vscode最新版配置） vscode插件 首先vscode需要装一些vscode插件 ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged 配置settings.json 打开settings.json，贴上配置，注意自己原有的vscode主题和字体等不要替换掉 打开方式 方式一: 1)文件 ------.>【首选项】--
新版VSCode中配置ESLint 插件自动格式化实现Ctrl+S自动格式化代码
qq_44136882的博客
11-10 2209
新版VSCode中配置ESLint 插件自动格式化实现Ctrl+S自动格式化代码
如何使用vscode进行代码格式化设置.
最新发布
BradenHan的专栏
06-07 2883
TOC/TOC。
VScode如何设置ctrl+s快捷键自动格式化代码
weixin_46732620的博客
07-08 2922
2在搜索框输入emmet,点击工作区，找到在settings.json中编辑的选项。4重启Vscode即可使用ctrl+s自动格式化代码的快捷键。1 打开文件—>首选项—>设置。
VScode自动保存格式化ESlint-方法（最全最好用方法！）
m0_37792745的博客
07-23 1447
1、安装插件 1）ESlint：javascript代码检测工具，可以配置每次保存时格式化js，但每次保存只格式化一点点，你得连续按住Ctrl+S好几次,才格式化好，自行体会~~ 2）vetur：可以格式化html、标准css（有分号 、大括号的那种）、标准js（有分号 、双引号的那种）、vue文件， 2、在vscode的文件-首选项-设置里，右侧配置里添加如下代码即可（代码有注释！），从此直接 Ctrl+S 就能一键格式化了（ctrl+shift+p） 代码如下： { // vscode默认启用了根据文
VsCode中设置文本格式化
2201_75935630的博客
09-02 3918
4. 将Format On Paste和Format On Save两个选项的勾选上。设置完成后，只要按Ctrl+s保存代码，即可实现文本格式化。1. 进入界面后点击左下角的齿轮（管理选项）3. 文本编辑器-->格式化。
解决vscode 中保存后html自动格式化的问题
12-28
而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： ]=2 nzTotal]=500 >...
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
在 Visual Studio Code (VS Code) 中，我们可以集成 Eslint 来实现代码自动格式化，这样在保存文件时，代码会自动按照预设的规范调整格式。 1. **Vue CLI 中的 Eslint 集成** Vue CLI 默认已经包含了 Eslint 配置...
vscode代码格式化设置
weixin_55985591的博客
02-07 2392
vscode代码格式化设置
VsCode使用Ctrl+S保存代码自动格式化Html/Css/JS
wangpink的博客
02-26 3594
第一步：点击文件-首选项-设置（快捷键：Ctrl + ,） 第二步：在搜索框里面输入emmet，选择工作区 点击 在settings.json 中编辑（红色框的地方） 第三步，在settings.json中，输入 “editor.formatOnSave”: true 保存 如图： 这样在VsCode使用Ctrl+S，就可以保存代码自动格式化Html/Css/JS。 ...
Vscode如何设置代码保存后自动格式化
热门推荐
HHppGo的博客
06-26 3万+
vscode设置代码保存后自动格式化
VScode保存自动格式化
m0_71349739的博客
03-01 2724
这样，您就成功取消了在VS Code中保存时自动格式化的功能。这个设置可以帮助您在编写代码时更加自由地控制代码格式，适应个人的编码习惯。如果您需要重新启用自动格式化功能，只需回到设置界面，勾选"Editor: Format On Save"选项即可。
VsCode设置保存自动格式化（一步就够）
常来常往，共同成长
12-12 6397
在VsCode中我们可以通过设置来实现保存文件时自动格式化代码，具体步骤如下
如何让VsCode自动格式化代码？
howard2005的专栏
03-15 2万+
粘贴时自动格式化，保存时自动格式化
vscode保存时自动格式化设置
C/C++攻城狮
10-29 1万+
最后更新日期：2022-10-29操作系统：Windows 11 专业版vscode版本：1.72.2。
vscode中如何实现保存自动格式化代码
weixin_52954097的博客
06-26 3150
1.配置settings.json 文件。2.直接在设置中配置一个选项即可。第一步，点击 文件 首选项 设置。一定记得前边加个逗号。
解决方案：VSCode中配置自动格式化实现Ctrl+S自动格式化代码
白洞，白色的明天在等着我们
10-17 9291
Prettier 是一个 Opinionated 的代码格式化工具，它通过解析代码并使用自己的规则（考虑最大行长）重新打印代码，从而使得代码样式一致，并在必要时包装代码。一致的代码风格不仅仅有助于提高可读性，还可以减少错误和漏洞的产生。在编码中，在VSCode中配置Prettier插件并实现使用Ctrl+S自动格式化代码
vscode保存时自动格式化代码
04-06
要让 VSCode 在保存时自动格式化代码，可以按照以下步骤进行操作： 1. 安装 Prettier 插件：在 VSCode 中打开 Extensions 面板，搜索 Prettier 并安装。 2. 配置 VSCode 设置：在 VSCode 中按下 `Ctrl + ,`（Windows）或 `Cmd + ,`（Mac）打开设置面板，搜索 `Editor: Format On Save`，勾选该选项即可。 3. 配置 Prettier 设置：在 VSCode 中按下 `Ctrl + ,`（Windows）或 `Cmd + ,`（Mac）打开设置面板，搜索 `Prettier: Options`，在该选项下添加如下配置： ``` { "singleQuote": true, // 使用单引号 "semi": false, // 不使用分号 "trailingComma": "es5" // 在对象或数组最后一个元素后面保留逗号 } ``` 以上配置是示例，可以根据自己的喜好进行配置。配置完成后，保存文件时就会自动格式化代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值