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

最新推荐文章于 2024-06-07 16:11:02 发布
最新推荐文章于 2024-06-07 16:11:02 发布
阅读量2.9w 收藏 20
点赞数 22
分类专栏： 开发工具 文章标签： visual studio 编辑器 开发工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ysfscdn/article/details/107688059
版权

一. 安装插件vetur

安装此插件后就可以使用快捷键【shift】+【Alt】+【F】来格式化代码了。

二. 实现保存时自动格式化代码

1）文件 ------.>【首选项】---------->【设置】；

2）工作区------->【文本编辑器】------------>【正在格式化】-------->【Format On Save】

PS:我现在安装的VScode是最新版本。

三.测试下吧

黎明の光
关注
  • 22
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Vscode如何设置代码保存后自动格式化
HHppGo的博客
06-26 3万+
vscode设置代码保存后自动格式化
VsCode设置保存自动格式化（一步就够）
常来常往，共同成长
12-12 6174
在VsCode中我们可以通过设置来实现保存文件时自动格式化代码，具体步骤如下
如何使用vscode进行代码格式化设置.
最新发布
BradenHan的专栏
06-07 2178
TOC/TOC。
VSCode代码格式化
热门推荐
m0_57489904的博客
06-27 6万+
1.在VSCode中进行代码格式化：2.在保存代码时自动格式化
Vscode 中vetur设置，让代码变得更美观
xzg199153的博客
06-16 3415
Vscode 中vetur设置，让代码变得更美观
Visual Studio Code配置自动格式化，统一代码规范
weixin_52663662的博客
01-05 5718
Visual Studio Code可以通过以下快捷键 格式化代码。
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html ...
2020最新版vscode格式化代码的详细教程
10-14
以上配置中，`formatOnSave` 设置为 `true` 表示在保存文件时自动格式化，`vetur` 和 `prettier` 分别处理 Vue 文件和 JS/CSS 等文件的格式化，`eslintIntegration` 使 Prettier 与 ESLint 集成，`codeActionsOnSave...
VSCode代码格式化快捷键及保存时自动格式化
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业...
vscode 自动化格式代码.docx
12-02
* `editor.formatOnSave`: 设置在保存时是否格式化代码，默认为 true。 * `prettier.eslintIntegration`: 设置是否使用 ESLint 代码格式标准，默认为 true。 这些配置选项可以帮助开发者保持代码的格式化和一致性，...
VSCode之prettier配置保存自动格式化
老__L的博客
04-17 4484
prettier配置保存自动格式化
VSCode 设置vue 保存自动格式化代码
weixin_30723433的博客
08-22 4198
设置保存自动格式化代码，开发效率大大提升！ 操作如下： 安装VSCodeeslint插件 如下配置setting.json文件： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSi...
vscode自动格式化
Noctis99的博客
03-18 5046
保存时自动格式化，目前 VS Code 自带的功能就可以做到。 打开 VS Code 的设置面板，在设置中搜索 format，勾选 Editor: Format On Save ，设置之后，当你每次按下 Ctrl/Command + S 保存文件时，就会自动格式化了。 ...
VS code 自动调整代码格式
wangjianbo09的博客
08-02 1万+
Date 20210802 By WJB 使用vscode编写代码时，代码格式调整比较麻烦，多余空格，多余空行等，代码不够美观，可读性差。可以通过vscode 设置（setting）实现代码自动格式化调整。设置过程如下： 点击 vscode 软件 左下角设置按钮 打开设置界面后，右上角有个转为json的按钮，点击该按钮转为json。 在数组中添加 "editor.formatOnType":true, "editor.formatOnSave":tr...
VSCode-关于自动格式化问题
苏小败在路上
04-08 1万+
今天上班，发现VSCode又更新咯，然后还是按照以往的习惯，点了更新。更新之后，发现一个问题，每次编辑代码的时候，光标都会乱跳！！也不知道哪里出了问题，于是一直找！主要是编辑之后基本会跳到文件最后去，很烦人，可能写了之后返回去看不记得了。 后面在代码文件最后的地方写了个IF语句，平时本来是写了大括号知己回车的，今天就没有回车，因为里面只有一句！然后我就习惯的按了Cmd+S（我是Mac电脑），然后...
VSCode自动格式化代码
qq_42119514的博客
10-19 236
设置 > 工作区 > 文本编辑器 > 格式化 : 找到format on save，和format on type并勾选。
聊一聊 vscode 的代码格式化
userkang的博客
11-20 3万+
写在开头 这篇文章来聊一聊我在 vscode 代码格式化上遇到的一些坑。 如果你想快速配置自己的 vscode 支持保存自动格式化功能，请看另一篇文章：三步搞定 vscode 代码格式化 先贴出最终的配置文件： { // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 100, // 保...
vscode保存后代码自动格式化配置
weixin_41227874的博客
12-08 2482
1、最近接手第二个项目，之前的项目是基于vue + element + admin这个优秀的后台管理平台搭建的，由公司大佬直接搭建，接手的时候只是做一些简单的业务开发。最近接手了一个外包公司帮忙写的系统，是基于vue + ant_design + admin这个平台，处理ui组件库用的是蚂蚁金服的外，其他的基本相同； 2、遇到的问题： vue + element + admin项目在保存代码之后会自动格式化代码结构，包括html、js，但是vue + ant + admin项目并不会自动...
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" // 在对象或数组最后一个元素后面保留逗号 } ``` 以上配置是示例，可以根据自己的喜好进行配置。配置完成后，保存文件时就会自动格式化代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值