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 设置。

相关推荐
___波子 Pro Max.23 分钟前
Vim查看文件十六进制方法
编辑器·vim
Java斌3 小时前
70年使用权的IntelliJ IDEA Ultimate安装教程
java·ide·intellij-idea
weixin_466485113 小时前
PyCharm中运行.py脚本程序
ide·python·pycharm
程序猿小D4 小时前
第14节 Node.js 全局对象
linux·前端·npm·node.js·编辑器·vim
aningxiaoxixi4 小时前
Android Studio 之基础代码解析
android·ide·android studio
waterHBO5 小时前
一个小小的 flask app, 几个小工具,拼凑一下
javascript·vscode·python·flask·web app·agent mode·vibe coding
界面开发小八哥5 小时前
「Java EE开发指南」如何使用MyEclipse在Web项目中用Web Fragments?
java·前端·ide·java-ee·eclipse·myeclipse
咖啡续命又一天7 小时前
nano编辑器的详细使用教程
编辑器
伍六星7 小时前
更新Java的环境变量后VScode/cursor里面还是之前的环境变量
java·开发语言·vscode
西域曼波王14 小时前
哈尔滨工业大学计算机系统大作业程序人生-Hello’s P2P
linux·c语言·编辑器·vim