VSCode保存后代码自动格式化

最新推荐文章于 2024-07-23 15:45:15 发布
最新推荐文章于 2024-07-23 15:45:15 发布
阅读量2k 收藏 3
点赞数 1
分类专栏： 工具类 文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/F_san/article/details/111224107
版权

VSCode保存后代码自动格式化

1.在VSCode中安装一个代码格式化插件。

本人推荐的两款代码格式化插件：Prettier - Code formatter ，Beautify。

在这里插入图片描述
在这里插入图片描述

2.设置默认格式化工具

在任意一个代码界面右键，点击【格式化文档的方式】，选择一个方式。

在这里插入图片描述
在这里插入图片描述

3.设置保存时格式化文件

在设置中搜索【format on save】，找到后打勾。

在这里插入图片描述

4.完成

完成上述步骤，编辑代码后按ctrl+s保存即可自动格式化。

F_san
关注
专栏目录
小技巧——vscode 保存代码后自动格式化
qq_43201350的博客
10-26 2123
1、打开vscdoe中的设置 2、在搜索框中输入Format On Save 3、把这个勾打上就可以保存后自动格式化了
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： <nz nzPageIndex]=2 nzTotal]=500 ></nz-pagination
vscode保存代码自动格式化
最新发布
一个UI、前端爱好者。
07-23 1279
在 Visual Studio Code (VS Code) 中，你可以配置自动保存时自动格式化代码。这可以通过安装合适的扩展（如 Prettier 或 ESLint）和配置设置来实现。
最新--vscode保存 自动格式化
qq_38210427的博客
07-19 4189
【代码】最新--vscode保存 自动格式化。
vscode 代码格式，并设置保存时自动格式化代码
chenhao的专栏
03-21 9530
1、报错提示：Binding “columns” should be on a new line.eslint（vue/max-attributes-per-line）3、报错提示：Missing space before function parentheses.eslint（space-before-function-paren）此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
VScode保存自动格式化
m0_71349739的博客
03-01 3055
这样，您就成功取消了在VS Code中保存时自动格式化的功能。这个设置可以帮助您在编写代码时更加自由地控制代码格式，适应个人的编码习惯。如果您需要重新启用自动格式化功能，只需回到设置界面，勾选"Editor: Format On Save"选项即可。
vscode在保存代码时自动用eslint做格式化
m0_74076766的博客
12-21 410
五分钟教你在后端之前写好接口
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
在 Visual Studio Code (VS Code) 中，我们可以集成 Eslint 来实现代码自动格式化，这样在保存文件时，代码会自动按照预设的规范调整格式。 1. **Vue CLI 中的 Eslint 集成** Vue CLI 默认已经包含了 Eslint 配置...
恶心的vscode 保存自动格式，禁止 VScode保存自动格式化
weixin_41346436的博客
12-01 7769
VScode保存禁止自动格式化，这个功能有点恶心，好好地代码一保存就格式乱了，看着很别扭，记录一下处理办法 网上教程案例，试过了好几个，都不生效，把我的这个办法记录一下 首先打开设置齿轮按钮---->再点击设置----->来到设置面板 2.输入框输入保存，点击文本编辑器，再点击setting.json中编辑 3.打开setting.json文件以后，在文本中添加 “editor.formatOnSave”: false, 就可以了，记得保存哦，就生效了 ...
Vscode 保存代码，代码自动格式化
Liberal_w的博客
07-04 609
vscode 代码自动格式化
vscode 保存代码自动格式化
wangbaobao512的博客
08-25 209
vscode 保存代码自动格式化
VSCODE保存时自动格式化代码
不如自成宇宙
01-13 581
vscode配置代码保存时自动格式化
解决vscode保存时,代码自动格式化问题
分享学习编程中的遇到的问题,总结平时的笔记
09-09 9209
🐂 解决vscode保存vue项目时,代码自动格式化问题
vscode 保存时自动格式化代码
qq_65537235的博客
03-24 561
点击默认格式化程序，然后选中插件prettier即可。第四步：勾上formoat On Save。第五步：找个编码的页面，右键选中。第二步点击左下角 设置。第三步搜索 save。
VS Code 保存+格式化代码
weixin_51358957的博客
05-03 3423
ctrl + s 保存并格式化代码
VSCode使用ESLint格式化代码
sinat_41883985的博客
11-23 373
安装ESLint插件 在VSCode里面点击左上角的文件—>首选项—>设置 setting.js代码如下 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // 每次保存的...
vscode 保存自动格式化
weixin_43045869的博客
04-06 1141
settings.json : { "settings": { "liveServer.settings.AdvanceCustomBrowserCmdLine": "", "liveServer.settings.CustomBrowser": "chrome", "editor.fontsize": 14, "editor.formatOnSave": true }, "editor.tabSize": 2,
VSCode 设置vue 保存自动格式化代码
05-18
为了在 VSCode 中保存时自动格式化 Vue 代码，你需要安装以下两个扩展： 1. Vetur：该扩展为 Vue.js 提供了语法高亮、智能感知和格式化支持，可以在 VSCode 中更好地编写和调试 Vue 代码。 2. Prettier：该扩展提供了一种自动格式化代码的方式。你可以在保存时自动触发 Prettier 格式化代码。 安装完上述两个扩展后，按照以下步骤进行设置： 1. 打开 VSCode 设置（快捷键：Ctrl + , 或者 Command + ,）。 2. 在搜索框中输入“format on save”，找到“Editor: Format On Save”选项。 3. 勾选该选项，表示保存时自动格式化代码。 4. 在搜索框中输入“default formatter”，找到“Vetur”选项。 5. 选择“Prettier”作为默认格式化工具。 现在你已经完成了设置，保存 Vue 代码时就会自动触发格式化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值