如何在VSCode中用Lint/Prettier按字母顺序规范JSON及翻译对象键

一、用Prettier检查翻译对象键的字母顺序 #

Prettier本身不内置对象键排序功能，但可以通过第三方插件实现：

• 安装排序插件：

  npm install prettier-plugin-sort-keys --save-dev
  # 或使用yarn
  yarn add prettier-plugin-sort-keys --dev
  

• 配置Prettier规则：在项目根目录的.prettierrc或prettier.config.js中添加配置：

  {
    "plugins": ["prettier-plugin-sort-keys"],
    "sortKeys": true
  }
  

  如需自定义排序规则（比如忽略大小写、指定升降序），可以细化sortKeys配置：

  {
    "plugins": ["prettier-plugin-sort-keys"],
    "sortKeys": {
      "caseSensitive": false,
      "order": "asc"
    }
  }
  

• 执行检查与修复：
  • 检查文件是否符合排序要求：npx prettier --check ./src/translations/*.js
  • 自动修复排序问题：npx prettier --write ./src/translations/*.js

二、VSCode中按字母顺序格式化JSON文件 #

方案1：基于Prettier插件实现 #

1. 先在VSCode marketplace安装Prettier - Code formatter插件
2. 打开VSCode设置（快捷键Ctrl+,/Cmd+,），编辑settings.json添加以下配置：

   {
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "[json]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "prettier.plugins": ["prettier-plugin-sort-keys"]
   }
   

3. 打开目标JSON文件，按Ctrl+Shift+I（Windows/Linux）或Cmd+Shift+I（Mac）触发格式化，键会自动按字母排序。

方案2：使用专门的JSON排序插件 #

• JSON Sort：安装后右键点击JSON文件，选择Sort JSON即可一键排序；也可在命令面板（Ctrl+Shift+P/Cmd+Shift+P）输入Sort JSON执行操作。
• JSON Tools：除了键排序，还支持JSON格式化、压缩等功能，通过命令面板输入JSON Tools: Sort JSON启动排序。

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