2025年100个产品计划之第12个(杰森排序) - 对 JSON 属性进行排序

大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。

关注公众号：陈随易，获取最新文章推送 (很多内容只在公众号发布)
个人网站 1️⃣：chensuiyi.me
个人网站 2️⃣：me.yicode.tech
技术群，搞钱群，后端群，闲聊群，自驾群，有兴趣入群的联系我。

我会在这里分享关于 编程技术、独立开发、行业资讯，思考感悟 等内容。

所有文章都是古法手打，经过了深度思考和总结，不含 AI 添加剂，请放心食用，一起灵魂交流。

一键三连 (点赞、评论、转发)，可以给我提供曝光，带来一份早餐收入，谢谢大家~~

往期文章 👇：

今天的高考送考结束了，回来晚了点，如果没有特别原因，还是把每一个产品推进一下，看看自己能 连击 多少天。

本系列呢，我将会在2025年开发 100 个小产品并把其中的部分产品盈利，来告诉大家，做产品并不难，产品盈利也不是想象中那么遥不可及。

大家给个关注，防止迷路，免得找不到可以让大家体会到做产品比喝水还简单的独立开发专家------前端之虎陈随易。

那么话不多说，今天的产品介绍，如下 👇：

JSON Sort -杰森排序

一个简单实用的 VSCode 扩展，可以根据预定义的规则对 JSON 文件的属性进行排序。

✨ 功能特性

🎯 右键菜单集成：在 JSON 文件上右键即可使用 "杰森排序" 功能
📋 自定义排序规则 ：通过 jsonSort.md 文件定义属性排序顺序
🔄 深度排序：自动递归排序嵌套的 JSON 对象
💾 保留原有属性：未在规则中定义的属性会保留在最后
🚀 零配置：开箱即用，只需创建规则文件即可

📦 安装

克隆此仓库到本地
在项目目录运行 npm install 安装依赖
运行 npm run compile 编译扩展
在 VSCode 中按 F5 启动调试

🚀 使用方法

1。创建排序规则文件

在项目中创建 jsonSort.md 文件，使用数字列表定义属性排序顺序：

markdown 复制代码

# JSON 属性排序规则

请按照以下顺序排列 JSON 属性：

1. id
2. name
3. type
4. version
5. description
6. author
7. license
8. keywords
9. dependencies
10. devDependencies
11. scripts
12. config
13. data

2。执行排序

在 VSCode 中打开任意 .json 文件
在编辑器中右键点击
选择菜单中的 "杰森排序"
JSON 文件将自动按照规则排序并保存

📝 示例

排序前的 JSON：

json 复制代码

{
    "scripts": {
        "test": "echo \"test\"",
        "build": "webpack"
    },
    "author": "陈随易",
    "version": "1.0.0",
    "name": "example-project",
    "id": "001"
}

排序后的 JSON：

json 复制代码

{
    "id": "001",
    "name": "example-project",
    "version": "1.0.0",
    "author": "陈随易",
    "scripts": {
        "test": "echo \"test\"",
        "build": "webpack"
    }
}

🔧 规则文件查找逻辑

扩展会从当前 JSON 文件所在目录开始，逐级向上查找 jsonSort.md 文件：

kotlin 复制代码

project/
├── src/
│   ├── data.json          ← 右键点击此文件
│   └── jsonSort.md        ← 首先在这里查找
├── jsonSort.md            ← 如果上面没找到，继续向上查找
└── package.json

🎨 高级用法

嵌套对象排序

扩展会自动递归处理嵌套的对象：

json 复制代码

{
    "data": {
        "users": [
            {
                "email": "[email protected]",
                "id": 1,
                "name": "张三"
            }
        ]
    }
}

数组中的对象也会按照相同的规则进行排序。

支持的格式

✅ 标准数字列表：1. propertyName
✅ 带缩进的列表： 1. propertyName
✅ 多级嵌套列表 (当前版本会扁平化处理)

⚠️ 注意事项

文件名必须为 jsonSort.md (区分大小写)
规则格式 必须为数字列表 (如 1. name)
JSON 文件必须是有效的 JSON 格式
排序会自动保存文件

👨‍💻 作者

陈随易邮箱 - [email protected]
个人网站：chensuiyi.me

最后给大家分享一下我的主打产品，VSCode 编程神器 fnMap (函数地图)，欢迎大家体验。

安装地址：sourl.cn/zmnsPf