Visual Studio Code (VSCode)为当前项目设置保存时自动格式化

ops/2025/1/17 15:27:35/

在 Visual Studio Code (VSCode) 中,你可以为单个项目设置特定的配置,而不会影响全局设置。这可以通过创建项目级别的设置文件来实现。以下是具体步骤:

为当前项目设置保存时自动格式化

  1. 打开命令面板

    • 使用快捷键 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac),打开命令面板。
  2. 选择工作区设置

    • 在命令面板中输入并选择 Preferences: Open Workspace Settings (JSON)。如果你是在一个文件夹中打开的项目,那么这将允许你在该文件夹级别定义设置。
  3. 添加保存时格式化的设置

    • 在打开的 settings.json 文件中添加以下内容,确保每次保存文件时都进行格式化,并指定 Prettier 作为默认格式化工具:
{"editor.formatOnSave": true, // 开启保存文件自动格式化代码"prettier.requireConfig": true, // 需要Prettier的配置文件"editor.defaultFormatter": "esbenp.prettier-vscode", // 默认的代码格式化工具"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[html]": {"editor.defaultFormatter": "vscode.html-language-features"},"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[typescript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}}

请注意,上述配置中的 "esbenp.prettier-vscode" 是 Prettier VSCode 插件的标识符。你需要确保已经安装了这个插件;不过,如前所述,这并不是项目的依赖,而是编辑器的扩展。

  1. 针对不同语言自定义格式化工具

    • 如果你的项目使用多种编程语言,你可以像上面那样为每种语言指定不同的格式化工具。只需要根据需要添加更多的语言块即可。
  2. 保存文件

    • 完成编辑后保存 settings.json 文件。现在,当你在这个项目中保存相关类型的文件时,它们将会被自动格式化。

通过这种方式,你可以在不改变全局设置的情况下,只为当前项目启用保存时自动格式化的功能。这些设置只会影响当前打开的工作区或文件夹,而不会影响其他项目或你的全局 VSCode 设置。


http://www.ppmy.cn/ops/150837.html

相关文章

2.5G交换机 TL-SE2420 简单开箱评测,16个2.5G电口+4个10G光口(SFP+)

TPLINK(普联)的万兆上联的2.5G网管交换机TL-SE2420简单开箱测评。16个2.5G电口,4个万兆SFP口。 买来替换原先的TL-SH5428(24千兆4万兆)。 TL-SH5428 万兆交换机开箱和简单的评测:https://blog.zeruns.com…

Golang—— error 和 panic

本文详细介绍Golang的两种错误处理机制:error 和 panic。 文章目录 Golang 的错误处理机制概述error特点代码示例基本用法创建 error panic特点运行时错误示例defer 和 recover 的结合使用代码示例基本用法创建 panic panic 的执行机制 error 和 panic 的对比生产环…

LabVIEW 程序中的 R6025 错误

R6025错误 通常是 运行时库 错误,特别是与 C 运行时库 相关。这种错误通常会在程序运行时出现,尤其是在使用 C 编译的程序或依赖 C 运行时库的程序时。 ​ 可能的原因: 内存访问冲突: R6025 错误通常是由于程序在运行时访问无效内…

【ARM】MDK如何将变量存储到指定内存地址

1、 文档目标 通过MDK的工程配置,将指定的变量存储到指定的内存地址上。 2、 问题场景 在项目工程的开发过程中,对于flash要进行分区,需要规划出一个特定的内存区域来存储变量。 3、软硬件环境 1)、软件版本:MDK 5.…

掌握C语言内存布局:数据存储的智慧之旅

大家好,这里是小编的博客频道 小编的博客:就爱学编程 很高兴在CSDN这个大家庭与大家相识,希望能在这里与大家共同进步,共同收获更好的自己!!! 目录 引言正文一、数据类型介绍1.内置类型2.自定义…

next-auth v5 结合 Prisma 实现登录与会话管理

1. 安装依赖 npm install next-auth prisma prisma/client2. 配置 Prisma 模型 在 prisma/schema.prisma 文件中定义 User 和 Account 模型(next-auth v5 推荐使用自定义模型)。 model User {id String id default(uuid())email …

css hover样式调试

调试 hover后才出现的元素如何调试 打开开发者工具,鼠标放在hover时才出现的元素上,然后点击右键不要选中任何选项,将鼠标移动到开发者工具的调试面板中按下N键,此时悬浮的元素不会消失,定位成功 调试元素悬浮样式 …

[答疑]用例规约:系统请求3dsMax创建体块

DDD领域驱动设计批评文集 做强化自测题获得“软件方法建模师”称号 《软件方法》各章合集 第五元素 2024-12-22 12:39 潘老师,请教一个问题:在需求工作流书写系统用例规约时,这个“计算”(改变)可不可以写多个内容&…