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

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

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

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

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

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


往期文章 👇:

  1. 2025年 100 个产品计划之第 6 个 (薪资跳动) - 薪资计算器,实时显示收入变化
  2. 2025年 100 个产品计划之第 7 个 (树图) - 目录结构生成工具
  3. 2025年 100 个产品计划之第 8 个 (代码迷踪) - 统计代码并分析编程习惯
  4. 2025年 100 个产品计划之第 9 个 (即时加密) - 给 JS 代码提供 5 档加密
  5. 2025年 100 个产品计划之第 10 个 (包子启服) - 通过 Bun 一键运行 HTML、JS 和 TS 文件
  6. 2025年 100 个产品计划之第 11 个 (哆啦工具箱) - 像哆啦 A 梦口袋一样丰富的工具箱

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

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

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

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

JSON Sort -杰森排序

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

✨ 功能特性

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

📦 安装

  1. 克隆此仓库到本地
  2. 在项目目录运行 npm install 安装依赖
  3. 运行 npm run compile 编译扩展
  4. 在 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。执行排序

  1. 在 VSCode 中打开任意 .json 文件
  2. 在编辑器中右键点击
  3. 选择菜单中的 "杰森排序"
  4. 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": "user@example.com",
                "id": 1,
                "name": "张三"
            }
        ]
    }
}

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

支持的格式

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

⚠️ 注意事项

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

👨‍💻 作者


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

安装地址:sourl.cn/zmnsPf

相关推荐
zwjapple4 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
tan180°6 小时前
MySQL表的操作(3)
linux·数据库·c++·vscode·后端·mysql
像风一样自由20207 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem7 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊7 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
优创学社27 小时前
基于springboot的社区生鲜团购系统
java·spring boot·后端
why技术7 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
幽络源小助理7 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
GISer_Jing7 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止8 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器