VSCode中Prettier格式化失效报错，已开启formatOnSave并设为默认工具

问题现象 #

已在VSCode设置中开启formatOnSave，并将Prettier设为默认格式化工具，但代码无法正常格式化，报错日志如下：

["INFO" - 11:47:04 AM] Formatting completed in 44ms.
["INFO" - 12:16:47 PM] Formatting file:///d%3A/Javascript/Work/01-Fundamentals-Part-1/index.html
["ERROR" - 12:16:47 PM] Invalid prettier configuration file detected.
["ERROR" - 12:16:47 PM] ENOENT: no such file or directory, open 'C:\node_modules\prettier'
Error: ENOENT: no such file or directory, open 'C:\node_modules\prettier'
["ERROR" - 12:16:47 PM] Invalid prettier configuration file detected. See log for details.

解决步骤 #

• 安装本地Prettier依赖
  打开终端，进入项目根目录（即01-Fundamentals-Part-1文件夹），执行命令安装项目本地的Prettier：

  npm install prettier --save-dev
  # 用yarn的话执行下面这条
  yarn add prettier --dev
  

• 指定VSCode插件使用本地Prettier
  打开VSCode设置（快捷键Ctrl+,），搜索Prettier: Path，将路径设置为项目本地的Prettier位置，比如：

  ./node_modules/prettier
  

  让插件优先使用项目内的本地版本，而非全局版本。

• 清理无效配置文件
  检查项目根目录或系统盘根目录是否存在.prettierrc、prettier.config.js这类Prettier配置文件，如有则删除或修正错误内容，也可重新创建空配置文件测试。

• 重启VSCode
  插件缓存可能引发异常，重启编辑器后再尝试保存格式化。

内容的提问来源于stack exchange，提问作者Roshan Suvarna