VS Code 保存+格式化代码

news/2024/5/18 16:21:28

在 VSCode 中,使用 Ctrl + S 快捷键直接保存并格式化代码:

  1. 打开 VSCode 的设置界面:File -> Preferences -> Settings
  2. 在设置界面搜索框中输入“format on save”,勾选“Editor: Format On Save”选项,表示在保存文件时自动格式化代码。
  3. 在搜索框中输入“keybindings.json”,点击“Edit in settings.json”按钮,打开键盘快捷键配置文件。
  4. 在键盘快捷键配置文件中添加以下代码:
  5.     {"key": "ctrl+s","command": "editor.action.formatDocument","when": "editorTextFocus && !editorReadonly"}
  6. 保存并关闭文件,重新打开一个代码文件后,使用 Ctrl + S 快捷键即可实现代码格式化和保存的功能

        除此之外,使用 VSCode 默认的格式化快捷键:Shift + Alt + F 同样会自动调用编辑器中安装的代码格式化插件来对代码进行格式化。


http://www.mrgr.cn/p/33031148

相关文章

JavaScript 动态网页实例 —— 文字移动

前言 介绍文字使用的特殊效果。本章介绍文字的移动效果,主要包括:文字的垂直滚动、文字的渐隐渐显、文字的闪烁显示、文字的随意拖动、文字的坠落显示、页面内飘动的文字、漫天飞舞的文字、文字的下落效果。对于这些效果,读者只需稍加修改,就可以应用在自己的页面设计中。 …

Vue2基础

【一】初识Vue 【1】什么是Vue Vue 是一套用于构建用户界面的渐(逐渐)进(递进)式 JavaScript 框架Vue 可以自底向上逐层应用,由国人尤雨溪开发采用组件化模式,提高代码的复用率、让代码更好维护声明式编码方式,让编码人员无需直接操作 DOM,提高开发效率使用虚拟DOM + 优…

ubuntu搭建node私库Verdaccio

ubuntu搭建node私库Verdaccio Verdaccio 是一个轻量级的私有 npm 代理注册服务器,它是开源的,可以帮助你设置和维护企业内部的 npm 包的存储库。使用 Verdaccio 可以让你完全控制包的发布流程、依赖关系以及访问策略。这篇文章将指导你如何在 Ubuntu 系…

解决crypto.randomUUID is not a function

不在https、localhost等不安全的环境中访问时,crypto.randomUUID 是不可用的。 如果这个是由第三方库引起的,如果不影响使用可以不解决,如果影响到使用,暴力解决办法为修改node_modules里面的代码。 记得清除构建工具(例如vite)的缓存(例如./node_modules/.vite文件夹)…

最小割的结论

记 \(f\) 为任意最大流,令 \(G_f\) 为 \(f\) 的残量网络。记 \(G_f\) 中 \(s\) 可达的点集合为 \(S\),\(t\) 可达的点集合为 \(T\)。判断一个图的最小割是否唯一。最小割唯一 \(\iff\) \(S\cup T=V\)。若 \((u,u^C)\) 是最小割,则 \(G_f\) 中没有 \(u\rightarrow u^C\) 的边…

专项技能训练五《云计算网络技术与应用》实训7-1:安装mininet

文章目录 mininet安装1. 按6-1教程安装opendaylight控制器。2. 按6-2教程安装RYU控制器。3. 按5-1教程安装openvswitch虚拟交换机并开启服务。4. 将老师所给mininet安装包试用winSCP传送至电脑端。5. 安装net-tools。6. 安装mininet7. 安装完成后,使用命令建立拓扑&…

05. C语言数组

数组用于将多个数据集中存储,方便管理,此文将集中存储任何类型数据的语句都称为数组,数组根据存储数据的类型和方式分为同型数组、结构体、共用体、枚举。【同型数组】 同型数组也直接称为数组,用于存储多个类型相同的数据,数组内的数据称为数组元素,数组元素占用连续的虚…

WIN10 anaconda 安装 CondaError: Run ‘conda init‘ before ‘conda activate‘

1 下载 https://www.anaconda.com/download/success 2 安装 3 修改环境变量 安装后修改环境变量 4 winrun 进入命令窗口 输入cmd 输入 conda info 5 创建 虚拟环境 conda create -n yolov8 python3.8 -y 6 CondaError: Run ‘conda init’ before ‘conda activate’ c…

Flutter笔记:Widgets Easier组件库(10)快速处理承若型对话

Flutter笔记 使用Widgets Easier组件库快速处理承若型对话 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite:http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress of this article:https://…

OneFlow概念清单

ChatGPT OneFlow是一个开源的深度学习框架,它是由中国的一家公司——OneFlow Inc. 开发的,致力于提高大规模分布式训练的性能和效率。它提供了一种新颖的编程范式,旨在简化分布式系统的搭建过程,并提高资源的利用率。在OneFlow中…

RabbitMQ知识点总结和复习

之前项目中用到RabbitMQ的场景主要是订单信息的传递,还有就是利用RabbitMQ的死信队列属性设置,实现延迟队列效果,实现超时支付取消功能,以及在两个不同项目中传递数据等场景。 最近几年的工作中都是一直用的RabbitMQ,…

2024五一数学建模C题煤矿深部开采冲击地压危险预测原创论文分享

大家好,从昨天肝到现在,终于完成了2024五一数学建模竞赛C题的完整论文啦。 实在精力有限,具体的讲解大家可以去讲解视频: 2024五一数学建模C题完整原创论文讲解,手把手保姆级教学!_哔哩哔哩_bilibili 202…

linux22-IP地址和主机名

linux22-IP地址和主机名IP地址,查看本机IP地址主机名, 查看与修改域名解析,配置主机名映射虚拟机配置固定IPIP地址 联网计算机的网络地址, 用于在网络中定位 ifconfig 查看本机的ip地址, 如果无法使用ifconfig命令,可以安装net-tools # 安装net-tools (CentOS为yum) apt instal…

linux23-网络传输

linux23-网络传输使用ping检查服务器是否连通使用wget下载文件使用curl发起网络请求ping ping [-c num] ip或主机名-c 检查次数, 不使用-c选项会无限次数持续价差参数: 被检查的服务器IP地址或主机名地址检查baidu.com是否联通 ping baidu.com检查baidu.com是否联通, 检查三次 …

linux19-systemctl

linux19-systemctlsystem control, 控制应用的启动,停止,开机自启, 能被systemctl管理的软件,一般称之为服务 systemctl start | stop | status | enable | disable 服务名选项:start 启动stop 关闭status 查看状态enable 开启开机自启disable 关闭开机自启restart 重启系统内置…

linux20-ln软链接

linux20-ln软链接在系统中创建软链接, 可以将文件, 文件夹链接到其他位置, 类似Windows系统中的快捷方式 ln -s 参数1 参数2-s , soft , 创建软链接, 不添加时创建硬链接 (硬链接不允许指向目录) 参数1, 被链接的文件或文件夹, 不可以使用相对路径 参数2, 要链接去的目的地将/e…

linux21-日期时间

linux21-日期时间date 查看系统时间更改/etc/localtime 修改时区ntp自动校准时区date 查看系统时间 date [-d] [+格式化字符串]-d, 通过给定的字符串显示日期, 一般用于日期计算, 支持以下时间标记year 年month 月day 天hour 小时minute 分钟second 秒格式化字符串%Y 年%y 年份…

npm创建项目

创建项目创建项目目录 首先新建一个文件夹,这里存放着我们的项目。创建项目文件 这里不使用任何项目模板,相当于使用空模板。 进入这个文件夹,再cmd中运行npm init。 然后按照提示输入package name,项目名等等。每输入一个就回车。完成之后目录下会出现一个package.json项目…

springboot为什么要用延迟导入?

Spring Boot使用了多种方式来实现自动配置,其中DeferredImportSelector接口是这些机制之一。 DeferredImportSelector是ImportSelector的一个扩展,它允许延迟导入配置类直到所有@Configuration类都被处理完毕。这对于某些自动配置类需要在应用程序上下文的创建过程中的后期阶…

深入学习和理解Django视图层:处理请求与响应

title: 深入学习和理解Django视图层:处理请求与响应 date: 2024/5/4 17:47:55 updated: 2024/5/4 17:47:55 categories:后端开发tags:Django 请求处理 响应生成 模板渲染 表单处理 中间件 异常处理第一章:Django框架概述 1.1 什么是Django? Django是一个高级的Python Web框架…