小白向：VSCode最简单代码格式化/自动对齐（无需安装插件或更改配置文件）

最新推荐文章于 2024-03-05 14:29:35 发布
最新推荐文章于 2024-03-05 14:29:35 发布
阅读量1.6w 收藏 8
点赞数 13
分类专栏： 杂七杂八的小知识 文章标签： visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41883714/article/details/111656556
版权

最近在使用VSCode，总感觉代码风格很诡异（我本来以为是已经格式化好的），后来发现是没有格式化代码，各种对齐都没有
看了网上很多教程，装这装那、改这改那的
总之感觉没一个好使的（可能是我太菜了😅）
最后在想要放弃的时候，选中了一块代码右键了一下，发现是这样显示的：
在这里插入图片描述这不是就有格式化的相关操作嘛！
直接按他提示的，选中代码后，依次用Ctrl+k和Ctrl+f就格式化好了
效果杠杠的：
在这里插入图片描述
如果大家有其他的自动对齐方法，评论区指点下小弟哈！😊

正在刷夜的李哈哈
关注
  • 13
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
vscode php formatter mac配置_Mac电脑、MacOS系统 下php、apache、mysql开发环境配置
weixin_42109178的博客
02-03 310
MacOS的终端与使用linux系统没什么区别，shell命令几乎完全通用，非常适合服务端开发。下面讲解一下MacOS 下php、apache、mysql开发环境配置，目录结构与linux系统下的差不多，有哪些坑需要注意的呢？MacOS自带php与apache，把它开启就行了。第一步：打开终端,sudo su 入进root权限第二步：mv /etc/php.ini.default /etc/php...
Keil代码自动对齐工具等美化插件
01-05
详读Readme介绍，插件选择相关.exe。
VS代码对齐插件
08-20
vs 代码对齐工具，方便代码阅读，很实用的VS插件！！！！
vscode 代码格式化及快捷键
--空白格--的博客
04-03 5987
VSCode 代码格式化 快捷键 On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I 代码格式化 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, ...
vscode 代码排版
weixin_45620045的博客
03-05 222
效果：如图1 右侧一条竖线，代表配置已经生效，可以鼠标点击右键format进行排版。// 如果需要其他 format 可自行添加（图2）设置 clang-format。
VScode注释对齐方法
ksc201024的博客
07-08 3914
利用Vscode快捷键实现快速对齐代码注释
vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题
lucky7cookie的博客
01-09 1万+
vscode中用快捷键 Alt + Shift + F 格式化代码不生效（文件中 script脚本部分的代码没有格式化）的问题 在 vscode 中书写代码，有时候缩进格式不一致，代码没有对齐，看起来既不美观，又影响排查错误，按快捷键 Alt + Shift + F 格式化代码时不生效，甚至提示 “HTML” 文件有多个格式化程序。选择默认格式化程序以继续，如下图中所示： 解决方法： 检查是否安装了 Beautify 插件，如果没有安装，先按照以下步骤安装 2. 安装好了以后，打开 vscode 的
Flutter + vscode 配置说明
u013236043的博客
04-23 2297
1.安装 jdk(配置环境变量) git android SDK自行百度 2.下载 flutter SDK 新建文件夹 右键git bash here 执行 git clone -b alpha https://github.com/flutter/flutter.git //据说成功率不高 我试了两次成功 3.配置环境变量： FLUTTER_ST...
教你VSCode如何快速对齐代码、格式化代码
热门推荐
森明帮大于黑虎帮的博客
08-01 3万+
教你VSCode如何快速对齐代码、格式化代码
vscode设置保存时代码格式自动对齐
qq_49742153的博客
12-19 2073
加一个数据gender，跟前面的msg、age不对齐。2.工作区→文本编辑器→格式化→format on save 打钩。Ctrl+S保存后，自动对齐了。1.点击左下角扩展图标→点击“设置”
用vscode写的代码乱怎么办，今天交大家如何使用vscode自动对齐代码（格式化代码），一次设置终生使用的快捷方法，在再也不用担心代码乱行的问题。
longzaixueit的博客
06-13 6301
1.选择vscode里面的设置按钮进入后如图所示步骤进行操作。 2.然后按下面的输入代码： "editor.formatOnType":true, "editor.formatOnSave":true 注意：第一行代码后面的逗号千万不要忘记，否则可能显示不成功 3.使用ctrl+s进行保存或者手动保存，并关闭这个界面。 4.接下来当你每次写完代码按保存系统就会自动进行，代码格式化。超级方便食用。 ...
Mac电脑VSCode配置PHP开发环境
Gamin
11-16 2232
如果你还没有安装 VS Code，可以访问下载并安装。在 VS Code 中，点击左侧侧边栏的 Extensions 图标 (或通过视图菜单选择 Extensions)，然后在搜索框中输入 "PHP"。你会看到一系列与 PHP 相关的扩展，如 "PHP Intelephense"、"PHP Debug" 等。你可以根据你的需求安装这些扩展。是一个非常流行的 PHP 扩展，提供了代码高亮、智能感知、代码格式化、代码跳转等功能。点击 "Install" 按钮进行安装。
vscode下的vue文件格式化问题
12-08
我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作，今天Vetur更新了 0.14.2 版本，最近在使用的时候，感觉格式化总是出问题，去Vetur上面看了下，发现Vetur的配置做了下面的改动，看到几个社区都没有人说明，我就先说下，默认的格式化配置是： { "vetur.format.defaultFormatter.html": "prettyhtml", "vetur.format.defaultFormatter.css": "prettier", "vetur.format.defaultFormatter.postcss": "prett
vscode使用官方C/C++插件无法进行代码格式化问题
08-19
主要介绍了vscode使用官方C/C++插件无法进行代码格式化问题,本文通过截图实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
图框自动对齐（CAD/CASS插件）
06-27
可批量上、下对齐多个图框，可设置排版间距和方向。
AStyle (keil代码自动对齐工具)
02-16
AStyle_3.1版，keil代码自动对齐，配合快捷键，谁用谁知道。
将vscode打造无敌的IDE(14) tasks.json和launch.json配置详解，随心所欲添加自动化任务
二进制君
06-23 4151
vscode是一个轻量级的文本编辑器，但是它的扩展插件可以让他拓展成功能齐全的IDE，这其中就靠的是tasks.json和launch.json的配置。这两个文件需要存放在当前工程的.vscode目录下。vscode预定义了一些变量供我们在json文件使用：关于变量的更多信息见：https://code.visualstudio.com/docs/editor/variables-reference tasks是个数组，里面可以填写多个task，task通过label进行标识，也就是task的名字。按下ct
UPS、蓄电池、空开、电缆配置计算方法.pptx
04-27
5G通信行业、网络优化、通信工程建设资料
node-v7.4.0.tar.xz
最新发布
04-27
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
vscode自动对齐代码插件
07-27
你可以在VSCode中使用插件"JS-CSS-HTML Formatter"来实现自动对齐代码的功能。你可以在VSCode中搜索并安装这个插件。请注意，安装完插件后，不要勾选自动保存选项，因为这个选项可能会导致一些问题。\[1\] 如果你想使用快捷键来操作自动对齐代码的功能，你可以在VSCode的设置中添加以下配置： ``` { "key": "ctrl+alt+oem_plus", "command": "wwm.aligncode", "when": "editorTextFocus && !editorReadonly" } ``` 添加完这个配置后，你就可以使用"ctrl+alt+oem_plus"快捷键来对选中的代码进行自动对齐了。\[2\] 请注意，以上信息是根据CSDN博主"过客猫2020"的原创文章提供的。如果你想了解更多详细信息，可以查看原文链接：https://blog.csdn.net/zdhsoft/article/details/77160277。\[3\] #### 引用[.reference_title] - *1* [Vscode:如何在运算符左右自动添加空格插件。如何自动对齐代码格式插件。](https://blog.csdn.net/qq_45720624/article/details/126558446)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [vs code 配置按符号对齐（例如按=对齐多行代码）](https://blog.csdn.net/syrchina/article/details/114695563)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值