功能&需求背景说明
我在做自媒体、开发网站/插件、申请签证的时候常常遇到各式各样的图片大小限制、格式限制、像素限制等问题,每次遇到这个问题时我总需要在搜索引擎上找工具,而找到的工具常常不是功能无法实现,就是广告太多,或者需要注册/登录等等,为了解决这个问题,我特意用Cursor做了个解决自己图像类问题的网站图像魔方:https://www.img2046.com/ 这个网站集成了图片格式转换、像素调整、图像压缩、svg在线预览和转换等功能。
但是这个网站是像积木一样,一个个功能搭建起来的,我很难在一篇教程中简单地教大家完成这么多功能,所以我们筛选其中一个最常见的需求——图像压缩来实现,你可以以这个例子作为参照,开发任何你需要的其他图像处理功能。
准备.cursorrules文件
像前面开发插件一样,我们可以为这个网页开发项目也准备一个.cursorrules文件。让AI以更符合你的背景和需要的方式实现你的目标。在这里我先穿插给大家介绍下基础概念,目前在开发网站前端页面时,比较普遍采用的是以下框架:
因为有这多种不同的语言框架的存在,Cursor在为你写代码做开发时也有可能选择不 ...