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

宁睿  论坛元老 | 2025-1-17 13:41:49 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 1046|帖子 1046|积分 3148

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

  

  • 前言
  • 一、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.创建空项目



启动空项目如图

2.项目导入到cursor中

 3.空项目创建后,开始利用cursor举行ai编程
快捷键:command+i(mac),ctrl+i(windows),调出ai聊天窗口
输入:利用flutter语言开发一款戒烟app

可以看到,右边会给出一个详细的框架方案,而且生成相应的代码,有些地方会有报错,我们先点击右下角的accept all按钮,背面可以通过聊天训练一步一步办理掉产生的问题,好比:

main.dart文件有错误,右边聊天框输入:修复main.dart文件,ai会根据你的需求对代码举行调整,缺少的文件也会自动生成,错误办理后不会出现标红报错。

然后回到android studio中启动项目,cursor中也可以启动,或者visual studio code也可以,看个人喜好,启动后的页面如下,底部导航栏都写好了。

,当然,如果你不想要这种底部导航,可以直接举行调整,再回到cursor,继续完满每个页面功能,同样的方法处置处罚产生的错误,最终生成的效果如下所示:


至此,一个简单的app就完成了,后续根据同样的方式举行逐步优化即可,整体作出的页面ui效果很不错,通过cursor大大节约了开发时间成本,服从太快了


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

宁睿

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表