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

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

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

  1. 打开命令面板

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

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

    • 在打开的 settings.json 文件中添加以下内容,确保每次保存文件时都进行格式化,并指定 Prettier 作为默认格式化工具:
json 复制代码
{
    "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 设置。

相关推荐
程序员小寒6 小时前
VSCode有哪些好用的插件和快捷键?
ide·vscode·编辑器
初夏睡觉7 小时前
从0开始c++,但是重置版,第0篇(下载编辑器)
编辑器
Byron Loong9 小时前
【Debug】vscode 调试python,如何配置固定调试文件
ide·vscode·python
电子_咸鱼9 小时前
【QT SDK 下载安装步骤详解 + QT Creator 导航栏使用教程】
服务器·开发语言·网络·windows·vscode·qt·visual studio code
weixin_4093831211 小时前
简单四方向a*寻路学习记录2 先做个数组地图 在cocos编辑器模式上运行出格子 计算角色世界坐标跟数组地图的联系
学习·编辑器·cocos
HealthScience12 小时前
vscode通过跳板机连接到服务器
服务器·ide·vscode
猿小猴子13 小时前
主流 AI IDE 之一的 Kiro 介绍
ide·ai·kiro
神码小Z14 小时前
为什么架构师岗位即将消失?学会使用Cursor的三大神器Rules、Memories、Commands!小白也能写出专家级代码!
ide·intellij-idea
4***997414 小时前
工业网关助力Altivar320与S7-1200协同运行
ide·python·算法·spring·eclipse·sqlite·tornado
海市公约1 天前
HTML网页开发从入门到精通:从标签到表单的完整指南
前端·ide·vscode·程序人生·架构·前端框架·html