如何配置VS Code的Prettier扩展使用本地安装的Prettier？

首先纠正你的认知：VS Code的Prettier扩展默认会优先调用项目本地安装的Prettier，只有当项目根目录没有安装本地版本时，才会使用扩展自带的版本。你感觉到的速度差异，大概率是因为当前项目未安装本地Prettier，导致扩展加载了自带版本，而全局Prettier是直接调用系统环境中的可执行文件，启动流程更简洁。

以下是强制扩展使用本地Prettier的配置步骤：

• 第一步：在项目本地安装Prettier
  打开终端，进入项目根目录，执行安装命令：

  # npm
  npm install prettier --save-dev
  # 或 yarn
  yarn add prettier --dev
  

• 第二步：配置VS Code强制使用本地版本
  打开VS Code设置（快捷键Ctrl+,），搜索prettier.path，将其设置为项目本地Prettier的可执行路径：

  • 常规npm项目可填：${workspaceFolder}/node_modules/.bin/prettier
  • 也可以直接指定文件路径，比如./node_modules/prettier/bin/prettier.cjs（根据Prettier版本可能略有差异，旧版本可能是prettier.js）

  更便捷的方式是在项目根目录的.vscode/settings.json中添加配置：

  {
    "prettier.path": "${workspaceFolder}/node_modules/.bin/prettier"
  }
  

• 第三步：验证配置生效
  保存项目中的一个文件后，打开VS Code的输出面板（快捷键Ctrl+Shift+U），选择Prettier选项卡，如果看到类似Using prettier from ./node_modules/prettier的日志，说明已经成功切换为本地Prettier。

内容的提问来源于stack exchange，提问作者Raghavan Vidhyasagar