新年开工啦,给大家分享一下我如何借助Cursor开发了一款AI文章生成工具——松果AI写作,技术栈为Vue/Nuxt + Supabase + OpenAI API(DeepSeek)
背景介绍
首先介绍一下我的个人背景,非技术出身,以前的工作是海外运营,我本人只自学过基础的HTML/CSS/JS/Vue ,本项目基于NuxtBase的初始模版进行的二次开发,借助Cursor和Google断断续续耗时两个月才完成了这个独立开发项目。
使用Cursor实现的功能
由于我仅能看懂一些前端代码和修改样,所以大部分功能的实现都借助了Cursor,包括不限于以下方面:
- 页面布局和样式调整,直接让Cursor基于Tailwind CSS生成相关组件、提供XX样式的React代码让Cursor生成Vue版本的实现)
- 大模型流式输出,本项目采用的DeepSeek API,需要实现类似于聊天机器人回应时的一字一句流式输出效果,让Cursor基于OpenAI API实现Streaming Output
- 后端Supabase的集成,主要在于利用Cursor实现数据库的增删查改以及登录注册,国内我采用的是Memfire Cloud
- Tiptap文章编辑器,对于生成好的文章用户可能需要进行二次编辑,于是本项目内置了富文本编辑器,利用Cursor集成了Tiptap Editor,简单好扩展。
具体可访问松果AI写作的官网进行体验,目前注册即可获得1万创作积分。大家如果对本项目有何建议或者对Cursor使用中有何问题,👏欢迎评论交流。
使用Cursor的感想
- Cursor真是一个超级好用的AI编程辅助工具,没有它之前我完全不敢想象技术菜鸟的我能够开发出一款独立产品
- Cursor的使用过程中当然也会遇到一些问题,比如有时网络抽风无法回应、某些功能需求实现并不理想
- 在Cursor的使用中一定要注意不要无脑Apply,直接应用代码可能会删除一部分代码,导致某些功能缺失/出错
- 如果使用中文进行提问效果不好,建议使用英文,尤其是在使用一些有歧义的词/专有名词。