前年的时候 看到有个插件写的特别好，
当时看的时候，我都想 穿过网线去给作者点个赞， 无论是代码结构， 还是代码简洁性都是一流，甚至我都能想象作者写代码的脑回流， 一定是非常享受的把这块功能给写出来了。
就是 插件 不支持ts， react使用的 还是class组件， 当时就想重构， 一直在耗费着， 最近心想 能不能用 cursor写一下呢
首先 使用cursor的感受 ，输入相应命令的时候一定要清晰 明确需要什么， 最好一次性把 需求能描述清楚， 这样搭建出来的 不会 一次又一次改， 为了这种目的， 我先用了deepseek去描述自己的需求， 等待它的答案， 再一次一次纠错后，找到一个 比较好的问法 ， cursor果然不负有心人直接 全都搭出来了
最终问题如下
你好 我想使用react 开发一个 组件库，要求使用 typescript less， 使用rollup打包， 要有demo和 test相关， 功能如下， 可以传入属性 imgSrc 图片链接, 和图片宽度 width ， 获取到 加载成功后的 图片 width 和 height, 在加载成功后的框内， 可以 拖拽鼠标 在框中 画 长方体方块， 此方块 最大不能超过 框的宽高， 可以画 多个， 默认 后画的层级会高一些， 当鼠标停止后， 方块即创建成功， 可以在方块 边沿 进行拖拽修改长度和 高度， 当鼠标位于方块中间， 可以对方块进行 拖拽移动
最终 就生成 一个 demo结构和 相应代码啦， 在体验中 不停修正， 很快这个demo就生成了， 效果还很不错， 后面会持续优化中，
代码链接地址
可以直接下载使用哦
