Cursor 初体验

鉴于 vscode 对于python 或者说对 django 的支持没有想象的那么简单，在配置各种环境之后依然代码报各种错误。所以对于 cursor 这个东西一直没怎么仔细体验一下。

当然，很多人对于这个东西可能体验了挺长时间了。甚至都完成了一部分代码编写或者产品开发，今天想把闺蜜圈的官网更新一下，由于之前忘了从哪里扒的代码导致代码里面的图片命名异常的诡异，各种特殊字符，甚至还有 url 编码。

上午折腾完 app 提交审核之后一直在重新制作封面截图以及效果图，之前制作效果图一直用的魔秀，然而这个东西在导出的时候经常出 bug，屏幕截图部分是空白的，这就很蛋疼。

这个东西说实话没那么好用，并且编辑图片就会出现错位的情况，智能创建新项目。

昨天搜了半天发现了另外一个在线工具：https://studio.app-mockup.com

体验下来效果还是蛮不错的：

并且提供了实时预览效果：

现在回到旧话题，用 vscode 和百度的 comate 试了一下：

给了一堆修改建议，什么事情都没干，右侧有个 zulu 稍微好一点，给了脚本，给了文档修改：

然而没这个东西的问题在于，资源中的图片文件名并不是 20%而是空格，这就导致修改之后的代码全部都挂了，图片都失效了。

最后来看下 cursor 的效果：

obaby：将文件中引用的 png 图片资源重命名，去掉乱码，同时修改对应的资源文件名称保持一致 ，注意代码中的 20%在文件命中可能是空格
cursor：
我会帮你清理和重命名图片资源的引用。我会先分析文件中的图片引用，然后提出重命名方案。
让我们先看看需要重命名的图片资源：
65716ff484999b1ed90199b5_Logo.png -> logo.png
65716ff484999b1ed90199b1_Pattern%202.png -> pattern_2.png
65716ff484999b1ed90199b0_Pattern%201.png -> pattern_1.png
65716ff484999b1ed90199b2_Hero%20Image.png -> hero_image.png
65716ff484999b1ed90199b8_Expert.png -> expert.png
65716ff484999b1ed90199ae_Health.png -> health.png
65716ff484999b1ed90199ad_Booking.png -> booking.png
65716ff484999b1ed90199ab_Keep%20Track.png -> keep_track.png
65716ff484999b1ed90199ac_Doctor%20list%201.png -> doctor_list_1.png
65716ff484999b1ed90199b7_Doctor%20list%202.png -> doctor_list_2.png
65716ff484999b1ed90199a8_Booking%201.png -> booking_1.png
65716ff484999b1ed90199aa_Booking%202.png -> booking_2.png
65716ff484999b1ed90199a9_Reminder%201.png -> reminder_1.png
65716ff484999b1ed90199b6_Reminder%202.png -> reminder_2.png
65716ff484999b1ed90199bb_Video.png -> video.png
65716ff484999b1ed90199a7_Play%20button.png -> play_button.png
让我帮你修改文件中的这些引用：
现在我已经帮你修改了所有图片资源的引用。你需要相应地重命名实际的图片文件以匹配这些新的引用。以下是需要重命名的文件对应关系：
65716ff484999b1ed90199b5_Logo.png -> logo.png
65716ff484999b1ed90199b1_Pattern 2.png -> pattern_2.png
65716ff484999b1ed90199b0_Pattern 1.png -> pattern_1.png
65716ff484999b1ed90199b2_Hero Image.png -> hero_image.png
65716ff484999b1ed90199b8_Expert.png -> expert.png
65716ff484999b1ed90199ae_Health.png -> health.png
65716ff484999b1ed90199ad_Booking.png -> booking.png
65716ff484999b1ed90199ab_Keep Track.png -> keep_track.png
65716ff484999b1ed90199ac_Doctor list 1.png -> doctor_list_1.png
65716ff484999b1ed90199b7_Doctor list 2.png -> doctor_list_2.png
65716ff484999b1ed90199a8_Booking 1.png -> booking_1.png
65716ff484999b1ed90199aa_Booking 2.png -> booking_2.png
65716ff484999b1ed90199a9_Reminder 1.png -> reminder_1.png
65716ff484999b1ed90199b6_Reminder 2.png -> reminder_2.png
65716ff484999b1ed90199bb_Video.png -> video.png
65716ff484999b1ed90199a7_Play button.png -> play_button.png
同时，对于压缩版本的图片文件也需要相应重命名：
*-p-500.png -> 对应的新文件名 + -p-500.png
*-p-800.png -> 对应的新文件名 + -p-800.png
*-p-1080.png -> 对应的新文件名 + -p-1080.png
你需要在 images 目录下执行这些重命名操作。我可以帮你写一个命令来批量重命名这些文件，你想要我这样做吗？
obaby：需要
cursor：
好的，我来帮你写一个命令来批量重命名这些文件。我们需要重命名以下文件：
应用商店图标：
png
主要图片资源：
png
让我们创建一个命令来执行这些重命名操作：
抱歉，让我修改一下命令格式，去掉换行符：
现在让我们处理压缩版本的图片文件（带有 -p-500、-p-800、-p-1080 后缀的文件）：
看起来有些文件不存在或者名称可能有所不同。让我们先检查一下目录中实际存在的文件：
我看到文件名中包含了URL编码的空格（%20）。让我们修改命令来处理这些文件：
现在让我们检查一下是否还有其他需要重命名的图片文件：
让我们继续重命名剩余的文件：
让我们最后检查一下是否还有任何需要重命名的文件：
很好！所有的文件都已经被重命名了。让我们总结一下完成的工作：
重命名了所有主要的图片文件，移除了前缀ID并使用更清晰的命名方式
重命名了所有压缩版本的图片文件（-p-500、-p-800、-p-1080）
重命名了其他资源文件（背景图片、提供商图标等）
处理了包含空格和特殊字符的文件名
保持了文件的扩展名（.png、.jpg、.psd）不变
所有文件现在都有了更清晰、更有意义的名称，这样更容易维护和理解。如果你需要对任何特定文件进行额外的重命名，请告诉我。
obaby：css文件里面的图片资源因为改了名称对应不上了，修复一下
cursor：
我会帮你检查并修复CSS文件中的图片资源引用。让我先分析一下需要修改的部分。
首先，我会检查CSS文件中所有的图片引用：
我看到在CSS文件中有几个需要更新的图片引用路径。让我修改这些路径以匹配新的文件名：
很好，我已经更新了CSS文件中的图片引用路径。以下是我做的更改：
65716ff484999b1ed90199af_Hero Background.png → hero_background.png
65716ff484999b1ed90199a6_Background Grey.png → background_grey.png
65716ff484999b1ed90199bb_Video.png → video.png
65716ff484999b1ed90199c1_Background color light.png → background_color_light.png
65716ff484999b1ed90199bc_Background color yellow.png → background_color_yellow.png
65716ff484999b1ed90199c0_Background color blue.png → background_color_blue.png
这些更改与之前重命名的图片文件相对应。现在CSS文件中的图片引用应该能够正确匹配新的文件名了。
你需要确保所有这些图片文件都已经按照新的名称重命名。如果还有其他需要修改的部分，请告诉我。

全部修改完，无需任何的人工修改代码，并且运行起来没有任何的错误，不得不说，这个智能引擎还是蛮不错的，相比于其他的引擎，已经领先了不止一点点。

更新后官网：

https://guimiauqn.cn

https://dayi.ma

https://gmq.app