求评价，用 cursor 开发的 JSON 格式化网站

功能和常见的 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

代码仓库： https://github.com/geebos/jsonx