宁睿 发表于 前天 13:41

cursor-AI编程时代已经到来!用cursor开发一款戒烟app(flutter)

提示:文章写完后,目录可以自动生成,怎样生成可参考右边的资助文档

   文章目录



[*]前言
[*]一、cursor是什么?
[*]二、利用步骤

[*]1.下载安装cursor
[*]2.创建app空项目
[*]3.通过cursor完成app开发



一、cursor是什么?

Cursor是一个集成了代码编辑、版本控制、代码审查、自动化测试等多种功能的开发工具。它支持多种编程语言,如Python、Java、JavaScript等,并提供了丰富的插件生态系统,方便用户根据必要举行扩展
二、利用步骤

1.下载安装cursor

下载地址:Cursor - The AI Code Editor
2.app开发(flutter)
起首在android  studio中创建一个空flutter项目,或者利用visual studio code创建,两种方式都可以,看个人喜好(注:关于flutter情况配置不做过多先容,有问题的可以私下交流)。
1.创建空项目
https://i-blog.csdnimg.cn/direct/987da30691484bf99184148b34569351.png
https://i-blog.csdnimg.cn/direct/27c09a545c04414ebdf368f3eb411544.png
https://i-blog.csdnimg.cn/direct/242adfb89d3d4a66aabfe24d134b76d2.png
启动空项目如图
https://i-blog.csdnimg.cn/direct/ff878bc311f448669dd5dfcc3965ecd8.png
2.项目导入到cursor中
https://i-blog.csdnimg.cn/direct/70706f8be0d849e7ba3475865dab3aad.png
 3.空项目创建后,开始利用cursor举行ai编程
快捷键:command+i(mac),ctrl+i(windows),调出ai聊天窗口
输入:利用flutter语言开发一款戒烟app
https://i-blog.csdnimg.cn/direct/7d86bba65f164fbfb3a30d23167469f8.png
可以看到,右边会给出一个详细的框架方案,而且生成相应的代码,有些地方会有报错,我们先点击右下角的accept all按钮,背面可以通过聊天训练一步一步办理掉产生的问题,好比:
https://i-blog.csdnimg.cn/direct/da3bf0e5af3e4e36825492bd0410fafd.png
main.dart文件有错误,右边聊天框输入:修复main.dart文件,ai会根据你的需求对代码举行调整,缺少的文件也会自动生成,错误办理后不会出现标红报错。
https://i-blog.csdnimg.cn/direct/93fda88492694374aff2048d2dde017c.png
然后回到android studio中启动项目,cursor中也可以启动,或者visual studio code也可以,看个人喜好,启动后的页面如下,底部导航栏都写好了。
https://i-blog.csdnimg.cn/direct/1aeab066b04d4150b9e98a112f7db126.png
,当然,如果你不想要这种底部导航,可以直接举行调整,再回到cursor,继续完满每个页面功能,同样的方法处置处罚产生的错误,最终生成的效果如下所示:
https://i-blog.csdnimg.cn/direct/6f75a7708ced4ad99ec154acb8ebc869.png
https://i-blog.csdnimg.cn/direct/28f0abc322a74f3c88e126d8c67c1bb9.pnghttps://i-blog.csdnimg.cn/direct/7d88c0e836614cd7928d66b17db94344.pnghttps://i-blog.csdnimg.cn/direct/383b98c9d9fc454da2ece1010ff0a0db.pnghttps://i-blog.csdnimg.cn/direct/30bb5a30815e4c4ca7ea1f3a1bed7b73.pnghttps://i-blog.csdnimg.cn/direct/961e584589974bb18c36e3b11b0c75b6.png
至此,一个简单的app就完成了,后续根据同样的方式举行逐步优化即可,整体作出的页面ui效果很不错,通过cursor大大节约了开发时间成本,服从太快了


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: cursor-AI编程时代已经到来!用cursor开发一款戒烟app(flutter)