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