Visual Studio 2022如何设置Prettier保存时自动格式化？

你可以通过以下步骤在Visual Studio 2022中设置Prettier自动触发格式化，无需每次手动执行CLI命令：

• 安装Prettier扩展
  打开VS2022菜单栏的「扩展」>「管理扩展」，在搜索栏输入「Prettier - Code formatter」，找到对应扩展完成安装后重启VS2022。

• 设置自动格式化触发规则
  依次打开「工具」>「选项」>「文本编辑器」>「JavaScript/TypeScript」>「格式化」>「常规」，勾选「保存时格式化文档」（可选同时勾选「粘贴时格式化」），并将「默认格式化程序」设置为「Prettier - Code formatter」。

• 关联现有Prettier配置
  VS2022的Prettier扩展会自动识别项目根目录下的.prettierrc配置文件，你当前的配置：

  {
    "importOrder": [ "^components/(.*)$", "^[./]" ],
    "importOrderSeparation": true,
    "importOrderSortSpecifiers": true,
    "importOrderCaseInsensitive": true
  }
  

  会被自动加载生效。如果配置文件不在项目根目录，可在扩展选项中指定路径：打开「扩展」>「管理扩展」，找到已安装的Prettier扩展并点击「选项」，在「Config Path」中填写配置文件的相对或绝对路径。

• 验证自动格式化效果
  修改任意JS文件的导入语句顺序，保存文件后，VS2022会自动触发Prettier格式化，导入语句将按照你的配置规则重新排序。

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