功能和常见的 JSON 插件基本一致，基于平时使用的感受在用户体验和效率上做了一些优化
1. 焦点优化
- 初始页自动聚焦输入框并全选内容
- 格式化页面点击按钮后也会自动聚焦并全选内容
（这样的好处是可以直接粘贴复制不需要动鼠标）
2. 嵌套 JSON
- 选中嵌套的 JSON 字符串后点击修改进行格式化
3. 快捷键
- cmd+c、ctrl+c 复制选中节点的 值
- cmd+shift+c、ctrl+shift+c 复制选中节点的 路径
// 目前没啥用，不是通用的 json path
先说一下开发感受，项目初始化的时候依赖少 cursor 很快就能生成一个 MVP 版本，只用来初始化项目也很方便。代码比较简单的时候不需要优化提示词，大白话说就可以，代码复杂了之后提示词需求描述不准确 cursor 会自己增加功能把代码搞乱。还有一个感受比较深的是 cursor 的单测写得很好，PUA 一下它会自己边改边写把单测覆盖率搞到 100%哈哈。
学到几个小技巧：
1 ）让大模型写需求文档。刚开始的时候可以让 cursor 先写需求文档，然后 cursor 基于需求文档可以自己完成一个 demo ，这时候再上手微调可以节省很多前期拉扯的时间；
2 ）不要用原生 CSS 。cursor 生成的原生 CSS 比较乱样式调整起来很麻烦，摸鱼的时候看了一些相关的文章大家都推荐用 Tailwind CSS 。原生 CSS 大模型理解起来比较吃力，Tailwind CSS 原子类更适合大模型。另外社区比较活跃网上资料多大模型训练的时候相关知识也更多，这一点上原生 CSS 很难竞争；
3 ）精心设计需求实现步骤。我本来想做 chrome 插件，先实现了网页的版本，等实现得差不多的时候想再让 cursor 修改一下兼容插件发现很难描述清楚需求。我总结的经验是技术框架需要提前确认，比如想要支持网页和插件一开始就要说清楚。另外在实现需求的时候尽量不要有跨模块的改动，cursor 一次改动的文件太多了比较容易开始乱写；
技术栈：vite/react/typescript/原生 css/vercel
体验地址： https://jsonx.top
 |
1
ClDaniel 3 天前  1
修改的时候输入一个字符就会全选导致不能连续输入
|
 |
3
tongbufu 3 天前 via iPhone
|
 |
4
pike0002 3 天前
dark mode 下面不选中的话输入框都是一片白，什么都看不到
|
Select Language