trae怎么登录

下面我们来学习一下 vs code 的 如何用 ai 编程。点开扩展，这是我们要用的两个扩展，这是我们后来后面用来预览的一个扩展， 鼠标点击像这个小机器人的扩展，复制这段文本， 在对画框粘贴发送 好，现在已经完成了。 创建到新文件往后预览账号密码随便输， 登录验证码一二三四五六确认，这样一个简单的登录页面就做好了。

哈喽，小伙伴们晚上好，今天我来教大家如何下载翠，并做出自己的第一个网页。首先就是打开官网，直接下载，官网的网址在这，如果是 windows 系统的话，需要一直点击下一步，如果是苹果系统的话，直接就下好了，他会根据我们的电脑版本自动匹配对应的版本来下载。 下载好直接打开，可以看到在左上角有两个模式可以切换，一个是 solo 模式，一个是 ide 模式。 solo 模式像一个智能聊天助手，可以随时的提问得到代码或者是片段那些解读。 如果是 ide 模式呢，他是模拟一个专业的集成开发环境，支持完整的项目管理。用通俗的话来说， solo 模式就像我们的老师，我们可以问老师题， 也可以关于题里面的某个名词去问，他都会解答，但是老师不会直接帮我们做作业。而 ide 模式呢，就像我们的好朋友，他不仅能帮我们解读，他最强的功能在于他可以直接帮我们写作业，所以他其实更适合我们小白去用，这样出来的页面我们就可以直接去看，直接去用， 可以看一下 solo 模式里它内置了几个智能体，智能体的功能我都整理在上方了，大家可以简单的看一下。 一般来说，如果我们要生成网页，就直接选这个 build 模式就可以了，这更重要的一个概念就是这些模型，大家可以看到有这么多，我们到底该选择哪个呢？通俗来讲，豆瓣系列呢，它更适合去开发一些复杂的项目，是深度开发的首选。 mini max 系列呢，它适合一些中等的复杂项目，追求规范的话选这个。如果是 m 系列呢？它适合日常开发大型项目的架构。如果是 deepsea 系列，适合纯代码编写算法实现。 kimi， 它适合长的上下文阅读，因为它的阅读能力比较强，所以适合去分析大型模型，排查深层的 bug。 最后一句话，懒人如何选择？如果日常开发写项目就用豆包，如果是读大项目查 bug 用 kimi， 如果是追求稳定不出错，可以选择用 gnm。 接下来我们就开始实战， 打开这个软件，我们切换到 ide 模式，在这边这个框里输入我们想要做的东西。在这我让豆包帮我生成一个个人简历，我把这段简历放进去，等待他生成就可以了。 因为我们的这个需求他是比较简单的，所以生成的比较快，他不需要再配置，我们直接来浏览，可以看到这个页面是比较简单的， 虽然鼠标放上去也会有一点点动画效果，但整体页面偏向于太简单，所以我们让他继续去修改， 这给他的指令是要让这个页面更加的丰富一些，多一点互动，他也很快就修改好了。我们可以看到第二次生成的这个页面就稍微的好看一些，鼠标放上去这个动画效果会更明显。 当然我在这只是举例，如果大家真的要做，可以在和吹对话的时候，尽可能的把自己的信息补充完整，也可以再去优化它的功能，比如增加一个一键导出简历，可以导出 ppt， 或者是导出 pdf。 心动不如行动，那现在就赶紧开始实战吧，我相信从你下载到 做出自己的第一个网页，用时不超过十分钟，不过需要注意的是，目前我们这个网页只是在本地，只有我们自己在电脑上能打开，那如何让我们切换不同的终端能看到？这就涉及到要把这个网页发布出去，下个视频我就教大家如何把这个网页发出去。

大家好，使用 ai 软件十分钟完成一套壁设，今天为大家分享的是超时管理系统，以下是我们的开发记事词，今天我们仍然使用 chc n 这款软件，我们打开软件， 接下来呢，我们把我们的开发需求在聊天框窗口进行输入，选择对应的开发模型，点击发送。好，此时我们只需等待 solo code 帮我们去完成整个项目的开发。 好了，项目已经设置完毕，接下来我们运行起来，大家来看一下运行效果，项目已经运行起来了，接下来我们来看一下对应的功能， 我们输入管理员的账号密码登录，登录之后呢，我们能看到一个统计的界面啊，那接下来呢，我们能看到一个商品的管理啊，我们可以对商品进行编辑，也可以去删除 删除对应的商品。好，那么接下来还有我们的分类管理啊，还有我们的销售订单，那这块还没有数据啊，销售报表管理，会员管理以及供应商啊，一个管理好，那么仅仅通过几分钟的时间，我们就可以得到一个相对 比较完整的项目，当然啊，我们还可以继续去优化啊。呃，那么整个项目的演示呢，我们就给大家到这里感谢大家收看，下次再见记得点赞关注哦。

我们现在做嵌后式软件开发，一定要借助于 ai 编程工具，而且现在找工作的时候，面试官都问你用过什么 ai 编程工具，今天给大家推荐一下翠，特别好用，打开它的官网翠点 cn， 让我们点击立即获取下载， 下载完成之后我们双击安装点，我同意下一步选一个安装位置， 我们运行这个这，然后点击，开始我个人喜欢这个暗色主题，我们继续我们安装这个命令， 个人用户这里做一个验证，输入你的手机号，登录并打开这现在推出的这个 solo 模式非常的好用，我们就选这个 solo 模式， 相当于在催的工具当中，它内置了一个抠钉的智能体。那我们可以直接提我们的开发的需求，比如说我让他写一个网络服务器，再写一个网络客户端， 要准确描述，用 c 语言写一个服务器程序，一个客户端程序，客户端发出的内容，服务器原样返回，支持服务器同时响应多个客户端，用 tcp 来实现。我们现在点击发送， 将来会生成代码文件，你要指明在哪里保存这些文件，所以我们要新建一个项目，比如我在 d 盘专门存储这个网络程序，我说 network program， 我 们给工程写了个名字，因为将来他会写我的本地词盘，他需要权限，这里我们点击信任，再看这里，他在疯狂的干活，这是一个实时跟随使用的多现成的方案。 好，这里他报错了，因为我是一个 windows 的 环境装的这个吹，所以在这我给他一个提示，这是 linux 下的程序，我让他继续改，我现在在修改代码， 我们检查一下服务器端程序，用了现成 pcred， 支持多个客户端，这是客户端程序，我们将来服务器端默认用的端口，八零八零。 好，告诉我们怎么变异，非常的直观，那我们测一下，怎么测呢？打开你的电脑 d 盘，这有 network program， 这有 echo demo， 看到没有？把这个程序我们测一下就好了。我把这文件夹拽过来 cd 过去， 即使你不懂代码，这个编程工具当中也告诉你了怎么运行 g c c 的 时候记得加上杠 l p 三的 g c c 四二点 c， 又杠 o 四二 杠 l p thread。 我 们再开一个客户端， client 点 c 杠 o client 运行的时候，我这边点斜杠 sir， 好， 他说我正在八零八零端口监听， 那我同时开客户端点斜杠 client， 他 现在让我输入想发送的内容，我说， hello sir 打个招呼，然后立马就收到了服务器的回复。那我们看服务器端的界面， 他说，哈喽， siri 能够支持多个客户端吗？我可以同时再开一个，我点斜杠 client， 一 会我们简单一点， welcome， 好， 支持多个客户端的通信，如果我要退出，他若提示 exit 程序代码的功能是完全正常的， 我们可以打开这代码看一下。比如说你是做单片机的程序员，但是你另一个程序并不熟悉，那么就可以借助这种编程工具来完成整个的编码，他真的就是一两分钟，这是服务器接近一百行。这个程序写的挺好的，来一个客户端建一个现成，来一个客户端建一个现成，这个还有现成资源的回收。 这个程序写的是不错的，我们再看客户端也没问题，那我们单片机的如果接这种开发任务的时候，你可以借助他，让他加上注试，给代码入行加注试， 这样方便你快速的熟悉这个代码，也方便以后代码的维护。这个工具好处是它完全免费，大家放心用。改完环了看一下，他默认会修改这个本地磁盘的文件， 这个非常好，不用你去复制粘贴，我们可以打开，大家看是不是有非常清晰的注视，你可以不厌其烦的去修改功能。比如这个程序现在有一点不好，我不知道这些信息是哪一个客户端连接的，有这么多客户端，我想给客户端的地址端口都显示出来， 我可以完全的跟他交流，我说你去修改程序，客户端连上以后，客户端显示一下自己的 ip 地址段口号，因为有的时候我们段口号可能不在代码里指定，要是你发包的时候，它有一些自动的分配，这可以自己查看一下服务器端收到客户端信息以后，也显示客户端的 ip 地址 短口，好像我们生活当中聊天等等，你一定知道这消息谁发给你的，即内容，再看他的疯狂的调整代码免费的，所以大家一定要把 ai 智能应用好， solo 模式的好处就是我们可以跟 call 定的 agent 去对话交流，这边就是代码的编辑窗口，这边是你的工程下的文件，这种三栏的设计太人性化了，做完了， 那么对不对？我们看一下本地的这个文件，我们重新测试一遍，我把原来代码有用，你可以存着，存成了 v 一 版本，我们再重新移过来，命令 mv 拽过来，看到加号松手， 再编辑客户端，运行私网，再运行客户端，往这写一句，我是 client 一， 他回复 client 一， 这边显示了这是这个五二幺九二，然后我们这边我说这是客户端二， 我这边收到客户端二的信息是三八八六六，这个地址都有了。目前看这个程序是有点问题的，就是客户端还是没有显示出自己的 ip 地址端口号， 他这正在思考改 bug。 整个的过程当中就是一种人机学徒开发，我没有敲一行代码，全部是他这个 ai 口令 a j 的 自动完成的， 我要什么功能，这个思维是在我的脑子里的，所以我要清楚我要什么，才能正确地知道它达到我要的这个程序效果。大家如果使用 vs code 开发的话，这个吹风机也可以集成到你的 vs code 当中，这样 ai 助手就在你的编辑器里了，那效率会更高。

大家好，今天带大家丛林完成锐编辑器的下载安装与首次配置。 锐编辑器是字页跳动推出的 di 原声代码的编辑器，支持这个智能补全自然语言编程，国内版是完全免费的。当首先准备工作时，首先确认我们操作系统是什么， 我们就从这个 tree 的 官网上进行下载，然后网址在这里三 w 点 tree 点 cn， 然后根据自己的系统进行下载。如果是 windows 系统的话，我们点击这个 windows x 六四版本，然后下载之前的话，我们还需要下载这个 node js， 然后 note g s 版本，我们就下载这个二四长期知识版本就行， 然后网址是这个 note g s 点哇记，然后点击这个 downloud， 然后温系统，选择这个 windows 系统，如果你的系统是别的系统的话，它会自动进行选择，然后点击这个进行下载， 下载完成之后我们就进行安装，我这边都已经下载好了，然后我们双击下一步，老勾选这个下一步， 然后这个是安装的目录，就是根据你们需要进行安装，我就安装在 c 盘了 楼一直下一步，下一步安装确定， 然后这就安装完成了，这个安装起来非常简单，当安床完成之后，我们可以测试一下啊，右键在中段中打开 喽，我们输入这个 n 后， d e， 当 b 如果有显示版本的话，代表安装成功了。 安装成功之后，我们继续安装这个 tree， 然后点击同一次协议下一步，然后这个是安装的位置，可以根据自己需要安装在不同的地方， 下一步，下一步，下一步安装，然后这个安装目录建议的话是不要使用中文目录，都是纯英文的目录， 安装完成后点击完成， 第一次的话，它会弹出个提示，我们点击允许就可以了，然后是开始使用，我们点击开始， 然后颜色的话，我一般喜欢利用亮色，然后选用这个坚立中文，然后点击积蓄是否添这个， 这个添加命令行代表你可以通过 t r e 这个命令进行启动，然后我们默认点击安装，如果你不想安装的话，点跳过也行， 这个点击跳过， 然后这个就启动了。启动之后如果我们想使用这个 ai 编程的话，这里需要进行登录的， 点击登录之后我们会打开一个登录的网页， 这里可以选择个人用户或者企业用户，我们选择这个个人用户， 然后浏览器是使用默认浏览器打开，然后我们这里输入手机号，还有这个验证码就可以登录了。登录成功之后我们可以点击这个登录并打开 tree， 然后有个认证，认证完成之后我们可以关闭这个窗口， 然后重新回到这个 tree， 然后我们就可以使用这个工具进行代码编程了，我们可以打开一个文件夹，这文件夹就是你要存放代码的目录， 我们可以在这新建一个存放代码的目录，比如说我们可以输入音乐， 然后点击选择点击试，然后我们就可以在这里携带码了， 到这里吹就安装配置完成了它的 ai 代码生成，错误排查，项目管理都挺好用的。 下一期我们讲一讲如何新建项目，与 ai 变成实战。

给大家安利一个软件，其实 qq 这个软件不仅仅是程序员可以用，对于各种小白来讲，甚至是一些财务啊，会计啊，其实如果你想要操作电脑的话，其实它都可以使用。我感觉它其实比 open clone 小 龙虾更适合普通人， 尤其是它的模型还都是免费的。比如说有些人装 open clone 的 时候，其实他都不知所措，在谷歌上其实也很难解锁到。 你去问 ai， ai 因为他不知道 open code 具体的代码实现，他也回答不了你，或者说他会产生很多幻觉，根本没办法正确的回复你的问题。那怎么办呢？这其实很简单，我教大家一个处理办法。 首先你要去下载一个 q， 但你不要下载这个国际版，适合正中国宝宝的其实是 c n 版本，你输入 q， 点 c n 回车，然后你就会看到它的中文界面，这个时候你去安装它，下载安装它， 安装好了之后你就会得到一个这样子的页面，但如果是全新的话会是这个样子。 那我们怎么去安装小龙虾呢？打开小龙虾的 github 代码页面 github 点 com open core 杠 open core， 然后点击这边选择 a， c， p， s 和 s， h 都可以拿到它的链接，之后你在终端里面去执行， 这个时候你就去克隆它，把这个项目克隆到你的本地，然后你再用 q 去打开它， 这个时候你就会得到像我这样势力的一个样子， 我们可洛的完整代码就在你的电脑上了，这个时候你再去问处，他能够几乎百分之百的解决你安装我们可洛当中遇到的各种各样的问题，因为他有最完整的上下文，他遇到不理解的报错，他直接可以去阅读代码。 而且大家看最完整的是这边，它提供了完整的目前国内最主流、最强大的一些 ai 模型，它确实是完全免费的，大家尝试一下吧。

等了一年处，终于出 linux 版本了，这次带你深度体验安装一次，我们来看看。安装包还挺大的，有两百多 mb， 安装好有一个 g 的 空间占用。找到它，启动了，开始继续。先跳过 天天过，非常完美，可以用。为什么我推荐大家在 linux 上写代码呢？是因为它完全可以接近我们的生产环境，一比一，不需要做任何调试。而且它的硬件特别便宜， 我在这边可以很便宜的买到八核三十二 g 的 空间。

好，欢迎来到小童 a 开发课，我们教大家从零基础使用 vr 工具开发软件、网站、小程序跟 app 进行一个上架。 ok， 那 么上一节我们是说到过使用这个去啊，使用这个工具去这个 vr 工具，这个 vr 开发工具它叫做去，我们通过这个去啊输入了两句提示词，然后他帮我们生成了一个， 呃，后端包括前端页面，那么后端的代码是这里啊，我们上一节有介绍，我们这里就不去过多的讲了。然后前端是帮我们生成了两个页面，一个是登录页面，还有一个是登录成功之后的一个详细页面，那当时我们使用的两句提示词，我们再来复习一下。 ok， 那 么第一句话是，呃，这个使用 note 去生成一个能够检验前端传过来的账号跟密码的接口，端口号是三千。 ok， 那 么提到这个端口号的话，那么有粉丝朋友就问这个端口号 是什么意思？可能有一些小白同学没有接触过编程的同学，不知道这个端口号是什么意思。我们这里做一个简单的比喻， ok， 就是 每一台电脑他有两万多个，每一台服务器他有两万多个端口号，那这个端口号我们就可以理解为是一个门牌，就是我们这个 每家每户都有的都有的一个门牌号，我们这里做一个，呃，做一个 比较抽象的一个比喻吧，比方说我们这是一个服务器啊，这是一个服务器，那么服务器里面他就有两万多个端口号，那么每一个端口号他都对应着一个 小房间啊，我们这样的理解，我们就对应小房间，对应着每一个小房间，比方说某一个小房间他的这个端口号他就是三千啊，他就是三千，这个我缩小一点，那么比方说这这一个房间他的端口号就是三千。好，然后我们前端啊，就是我们前端就是我们的网页 想要去请求，请求这个后端，请求这个后端发送请求到后端的话，那么首先要找到我们这个服务器在哪里，那首先啊这个服务器他他也有一个地址，就是我们前面说的这个本地地址啊，本地地址他有两种表达方式，那一个就是 一二七点、零点零点一，这是一个本地的一个 ip 地址，那我们知道每一个电脑他都有 ip 地址啊，通过一个 ip 地址就能找到这个电脑，或者说找到这个服务器 本身来说服务器它也是一个电脑。 ok， 那 么这个是 ip 地址。好，那么我们通过这个 ip 地址就找到了这一台服务器，但是我们要找到里面具体的服务，我们还需要一个端口号啊，所以说我们就会在后面再加上这么一个斜杠啊，端口号就这么一个意思，然后通过这个端口号我们就能够找到 啊，我们要请求的这个服务在哪里？ ok， 那 么这里其实还有一个安全方面的要素，就是每一台服务器它可以 开放指定的端口号啊，就是说就是说他有两万多个端口号，但是有一些他是 他首先有一些他是不能够开放的，然后有一些他是可以选择可开放，可可不开放。那么比方说如果我们这一台服务器他没有开放这个三千端口，那么我们的这个前端他就没有办法去请求到这个三千端口啊，就是这么一个意思，这是一个安全方面的一个隐患。所以说动态来说我们会， 我们在开放的时候，我们只会开放特定的端口，比方说如果是网页的话，我们会开放这个八零八零啊，开放这个八零八零端口， 就是如果我们上架一个网页的话，那我们会开放八零八零端口，让别人去访问我们这个网站。那如果是啊，如果说我们自己做做测试的话，那我们可以选择三千啊，这个是没有任何的问题。 ok， 那 么后面我们还会对这个端口号去进行一个详细的解释。 ok， 那 么今天我们主要来讲的是，呃，我们继续来结合我们前面的这个案例小 demo 啊，去做更加更加贴合真实的一个。 呃，效果。就是我们之前的后端啊，是没有添加这个数据库的，那我们这一截就来添加上这个数据库，就是说前面我们的这个案例，它仅仅是将前端传过来的这个账号密码啊，比如这里是账号，这里是密码， 这个是页面，页面就是前端嘛，前端就是页面，包括这个客户端，我们这里再提一下，就是前端啊， 哎，这边是卡住了吗？我看一下这边好像是卡了啊，我这个网网页卡了，我们这样来吧。怎么回事？好像是卡住了啊？这个这个浏览器它卡住了，我们这样来吧，我们 截一下图，我看一下能不能截图。就是前端啊，他是我们可以这样来理解，他是等于网页啊，他是等于网页，包括这个客户端， 我们现在以我们开发网页的这个网站的这个环境来说，那么客户端也是等于前端啊，他就是等于网页，那么网页里面他就有这个输入框 啊，它里面有一个输入框，那么输入框里面有这个账号加密码，是吧？账号加密码就这么一个逻辑，但是这个客户端 如果放不到更大的范畴，那么它也有可能是这个。呃，桌面端的应用程序，桌面端的应用程序就是比方说我们的微信、 qq， 那 么它也叫做客户端，但是它就不等于前端了啊，它，它不等于网页啊，说错了，它不等于网页。好，那么这是我们要理解的一个概念。 ok， 那么前后前面我们只是将这个传入的这个账号跟密码传送给后端，然后后端进行一个叫验，在这个叫验他并没有涉及到这个数据库，那真实的一个开发场景就是这里还有一个数据库啊，数据库 啊，数据库里面有非常多的内容，非常多的内容，然后当后端接收到前端传过来的这个账号跟密码之后，他会进行一个比对，比如说数据库里面也有一个账号跟密码，我们复制一下，复制这个内容放到这里。 ok， 那 么账号啊，账号传送到前端之后，账号就是前端，这里，这里写错了，应该这样来理解。呃，账号通过前端传给后端之后，然后端就通过这个 前端传过来的账号去比对数据库里面有没有这个账号。 ok， 那 么如果有这个账号的话，那么进一步比对这个账号下面的密码是否跟这个数据库里面的密码 啊？是否一致？是否跟这个数据库里面的密码是否一致？ ok， 那 么后端在数据库比对成功之后，那么就返回一个信息给前端啊，返回这个信息就是这一步啊，返回一个信息给前端，那么告诉前端啊，当前这个用户的账号密码都是正确的，然后再进行一个调整，那么这是一个实际开发的逻辑，我们也总结一下，我们也总结一下 前端啊，传输账号加密码好，后端，那这是第一步啊，第一步我们先加第一步，那第二步就是后端拿到啊，这个接收到的账号 去数据库，我这里移动一下，这这个页面比较小，这个 ok， 去数据库来进行比对， 我换一行吧，这边有这个遮住了，换一行，这样啊，这样比较清晰。哎， 那如果是账号对的话啊，账号如果存在于数据库，那么就进一步教验这个密码是否正确，那么就啊，那么就进一步教验密码是否正确， 那最后就呃返回一个，返回一个，比方说呃成功或者失败的信息给前端，成功或者失败的 信息给前端，然后前端再进一步进行一个呃处理啊，比方说如果正确的话，那么就跳转到登录成功的页面，那如果失败的话呢，可以返回一个信息给这个用户，告诉这个用户他的这个密码不正确，或者账号不正确。那实际开发中这里可能更加的复杂，就是我们上一节视频也说了， 实际开发中我们首先要注册啊，注册这个账号，然后注册账号的这个阶段，我们需要对密码进行加密，然后登录的时候我们就要对这个密码进行一个解密，包括检查这个账号他是否被封禁、被冻结。因为 很多场景，比方说这个用户他犯错了，那么他的账号会受到惩罚，那么他会被封禁，所以我们还要检查啊，还有非常多的这个细节，那我们后面也会去讲啊，怎么去探讨？其实也非常简单，就是我们可以通过 ai 为 ai 这个 登录跟注册这一个阶段我们需要做什么？那么 ai 可能会给我们一个比较详细的方案，特别是当我们在跟 ai 去讲这个我们 特定的一个场景的时候，它可能会给我们更多的这个呃，拒绝方案解决的思路。 ok， 那 么现在我们来说，呃，我们我们回到这个提示词，我们还有一句提示词也是非常简单 啊，我们还有一句，还有一句提示词，我们来截图，那么也就是生成两个页面了，生成两个页面，一个是登录页面，一个是登录成功之后的调转页面，然后登录页面我们需要调用刚刚生成的这个接口，就是我们登录的这个接口。 ok， 那 么回到正题，我们现在来讲怎么去构建一个数据库，包括数据表，那我这里是推荐啊，推荐使用这个小皮变板，它它的这个域名也非常简单，它在这个域名就是小皮的一个缩水，加上 c n， c n 是 中，呃，我们国内的这个域名。 ok， 那 么输入之后它就是这么一个页面，我们可以选择这个，呃， p h p study 啊，这个 p h p study， 然后去安装这个八点一版本， 等他安装完成之后，我们就打开之后就这么一个页面，他就帮我们配置好了这么一个买收口，就是数据库管理系统，然后这里需要提一下这个数据库啊，买收口，我们通常来说把这个买收口说为是数据库，这个是不正确的，他是一个数据库管理系统，但关于这个数据库管理系统跟数据库的一个区别， 我们可以现在就简单来讲，就是，呃，就是一个包装，就是数据库上面还有这个或者说上下级的一个关系，数据库管理系统就是管理这个数据库的啊，虽然有点绕口，就是一个父与子的关系，这个马斯扣他是用来管理数据库的，然后他管理的这个数据库 就是 mac 口类型的这个数据库。 ok， 让我们点击这个启动，那么他就会在我们本地开启一个数据库啊，开启一个数据库，那我们就可以点击这个数据库，然后我们可以点击这个创建数据库， 如果我们刚刚安装的话，刚刚安装的话，我们需要去修改一下这个密码，就是这里有一个修改密码，它会提示我们要修改密码之后才能去创建数据库。 ok， 那 么现在我们创建一个数据库就叫做 呃测试吧，就是 test， test 就是 翻译过来就是测试，然后用户名跟密码就是也是一二三四五六。 ok， 那 么就创建数据库完整。那么现在我们怎么去管理数据库？这这时候我们就要安装另外一个软件，叫做 namek for my circle， ok， 那 它是专门用于管理这个 my circle 跟啊其他的这个 my d b 数据库来设计的一个软件，它是格式化的，那什么是格式化？就是我们能够清晰的看到这个数据表里面的内容， 那么它是有试用的，它这边啊，右上角有个试用，那点击之后我们可以去下载下载玩一下啊，下载这个 下载它这里，呃，默认是 windows， 其实不，不是啊，如果你电脑它就会识别你电脑是什么系统，那如果是，呃这个苹果系统，那么它这里是会出现这个苹果苹果系统的一个下载方式，然后我们可以这里选择这个苹果系统， mac os 或者是 linux， ok， 那 么下载完成之后就是这么一个样子。好，那么现在我们是创建好了这个 test 这个数据库，我们可以点击连接啊，选择买车购，那么连接名就是 test， test 用户名也是 test， 然后这个密码是这个一二三四五六， 我们点击确定，我们就连接到了这个数据数据库数据表，然后我们可以创建数据表，选择新建表，那么新建表我们就，呃，我们就 添加一个 id 吧， id 这个字段，我们后面再解释它到底是什么含义，那我们选择它是不为空的，包括这里的不为空主键，还有自动递增这些内容，我们后面再去解释，我们先在这一节仅仅展示我们这个后端，呃，连接这个数据库，然后再去实现这个登录注册的一个逻辑。 好，那么 id 我 们创建完成了，我们添加下一个蓝 v， 呃，就是账号啊，优生店，然后我们再添加一个密码，阿斯沃，好，那么现在就添加完成了，我们输入这个表明，表明的话，我们就 声明是这个这样子的，也也叫做或者改一下改成用户表啊，用，因为用户包含这个账号跟密码，我们改成用户表啊，那么现在这个数据库跟数据表啊，我们就创建完成了，我们可以看一下，就是这么一个结构啊，这么一个结构 包含一个 id 账号跟密码，那么现在我们要做的就是将我们这个后端跟数据库连接起来。那么第一步我们要告诉我们这个， 我们要在提示词这里去告诉我们这个 ai， ai 啊，我们告诉这个 ai 包，告诉我们这个模型，告诉我们这个模型我们当成这个数据库他的一个账号密码是什么， 然后包括要告诉他我们这个表的一个结构，所以我们这里要看一下他的这个表的结构到底是什么样。我们可以这样啊，选择转储这个收口文件进结构啊，因为我们这里也没有这个， 也没有这个我们说的这个内容，所以我们选择紧结构就行了。如果我们有数据啊，我们有时候要去备份这个数据库，那我们就选择这个结构，结构跟数据好，那么我们保存，保存，保存完成了，那我们打开这个，打开这个数据表， 好，那么这个是 user 啊，搜搜索，我们可以移动到，移动到我们这个编辑器，任任何一个编辑器，这个是任何一个编辑器，它都是可以识别非常多的这种这种格式的啊，我把这个拖动一下，我把我把这个拖动到这里 啊，拖动到这里，那么那么下面就有这个数据表的一个结构啊，就是这一段内容，我们复制一下放到这里， 然后说啊，跟 ar 说，这是这是我新创建的用户表， 然后啊我的本地的数据库是买车库数据库，数据库名啊，是 test， 用户名是 test， 呃，密码是一二三四五六，那么现在他就会去帮我们去连接这个数据库，那么现在我们告诉他这个内容之后，然后我们再添加其他的需求，那就是 修改之前登录页面的逻辑，那第一步我们要添加一个注册页面，添加注册页面，同时完成注册和登录的逻辑。 ok， 那 么就是这么一个简单的需求。好，我们添加这个，点击这个发送，然后我们看一下它的一个最终的效果。 ok， 那 么我们现在等待一下，等待它，呃，去完善这个代码逻辑。 好，那么经过一段时间的等待，他这边是已经生成，完成了，生成了一个我们刚刚的需求啊，生成的一个注册页面，包括他帮我们调用了这个啊，调用了这个结构。 好，我们来看一下他的一个逻辑啊，就是读取现有的 circle 表结构，这个 sql 我 们读作 circle 啊，读取现有的 circle 表结构就是我们这个数据表，然后呃去 还有读取我们当前的这个服务端跟页面的一个实现，就是读取我们上一节视频创建的内容，让他去帮我们接入这个买车口数据库啊，并实现这个注册跟登录的一个接口逻辑，然后去新增了一个注册页，最后是验证这个注册跟登录的流程他是否可用。 ok， 那 么也就是说我们现在直接在这个 登录页面下方点击这个没有账号去注册啊，我们就可以注册账号了，我们试一下啊，账号就是一二三一二三四五六七八九，然后密码也是一二三四五六七八九， 我们注册， ok， 那 么注册之后，注册完成之后，我们要看一下数据表啊，那么因为时间关系，我刚刚是已经做了一轮测试，为了防止这个他可能出现的 bug。 好， 那么现在我们就可以看到我们刚刚添加的这个 一二三四五六七八九是插入到我们这个数据表里面了， ok， 那 接下来我们就可以进行一个登录啊，回到登录这里，我们输入这个登录的账号跟密码 登录， ok， 那 么完整的登录流程就实现了啊，提示这个登录成功，我们可以点击这个返回登录页回到这里，那么同时我们我们也可以看到这个数据表里面它插入的这个数据。那如果啊我们登录的时候没有输对这个账号，我们看一下它是什么情况， 我们账号是一二三四五六七八啊，没有这个九登录， ok， 他 们他就提示这个账号跟密码错误，那么实际上他就是将我们这个前端我们这个页面 输入的账号跟密码传递给后端，然后后端进行了一个交易，他发现我们这个数据表里面没有这个一二三四五六七八的这么一个账号，所以说他就会提示啊，他就会拦解说这个账号密码错误， 账号或密码错误， ok， 那 么就是这一节我们要讲的这个完整的一个注册跟登录的一个流程，那实际上我们并不需要理解这个他这里面的代码，呃，是什么意思？我们说后盾的代码， 现在现阶段我们不需要去理解这后端的代码是什么，但是其实前端大部分代码我们是能够看清楚的啊，这个我们前面也介绍过，我们这里不去就不去过多的讲解了啊，比方说这个 html 啊，我们前面的这个关于 html 的 视频我们都有介绍，那么感兴趣的同学可以往回去看一下啊。我们在讲 html 的 那一期的视频， 我们详细介绍了这个标签啊，波底标签，包括上面的这个 key 标签啊，这个原数据，还有这个层叠样式表，我们都有介绍。 ok， 那 么感兴趣的同学可以点赞评论加关注。那么如果有不懂的问题，大家可以在评论区或者说私信博主，或者说加入我们的群聊去探讨探讨哪一些有问题。 ok， 那 么这是这节我们要讲的内容，我们下期再继续。

hello， 大家好，今天教大家使用 ai 编程软件，二十分钟完成一套闭设。今天我们要完成的系统是公共图书管理系统，我们复制一下开发提示词， 打开我们的编程软件，使用这个 solo 模式，模型使用 m 二点五或者 g l m 四点七都可以， 我们粘贴提示词，点击发送。 注意，我们为了美化这个样式，又爱 使用了这个技能。没有安装的小伙伴可以网上搜一下怎么安装 好，我们等待即可。 系统开发完成了，我们复制这个登录页面地址，打开浏览器粘贴一下，输入账号密码， 然后测试一下功能，点击管理图书。 以上就是本期的操作视频。

这是我要带你用 ai 从零开发并上线的 app， 我 刚刚买了一条秋裤八十，买了两包辣条十块，再分析分析我这个月财务状况如何。 你好啊，朋友们，今天这期干中干哦，应该是全网最全最容易上手的 app 开发教程。 我们今天呢，会从零到一的开发这个带登录系统，有数据库，有会员支付系统的语音版。 ai 记账 app 开头和功能是真多呀， 但是放心，我已经帮你跑通了最简变的流程，并且总结了你去开发其他 app 的 思路和方法。不客气，点好，收藏关注赞走你！ 那在开始动手之前，我们先梳理一下思路，毕竟呢，做个 app 说大不大，可是有人能靠它赚几百个亿呢？当然了，我们做这个并不是为了赚钱，我们是为了 app 自由。 那现在有了 ai， 我 们其实可以把做 app 简化成四件事，第一，找到需求。第二，准备工具。第三， ai 开发。第四，发射上线。我们先来第一步啊，需求， 那我这个记账的 app 呢？其实需求很简单，就是我发现我下载的所有的记账 app， 它都得一笔一笔的去打字，再一个个的去选择分类啊，选择日期什么的，让人都觉得懒得记了。所以我就想直接语音输入，消费完之后我直接就说一句， ai 会根据语音去自己记好。然后还有一个 ai 可以 分析我这个月的一个消费行为功能就是这么简单，但是只要它真的解决了一点需求，它就是有价值的。那另外基于此呢，我还希望我换了手机之后，它数据不要丢失，因此还得有云端的一个数据库。 然后我又一想，哎，我这都这么好用了，还一直消耗我的 a p i， 那 不得有个收费功能吗？ 那所以总结一下，除了最基本的记账和格式化，还得有登录注册，能有语音输入，有自动记账，有 ai 的 财务报告和会员收费。 这听起来在歪不扣顶间，肯定算是一个比较复杂的重磅项目了。不过没关系，只要我们第二步做好，这就都不是事。 第二步准备得力工具，那开发 ios 的 app 呢？我们核心需要两个工具，一个叫 xcode， 这个是必备的，一个开发环境。另一个我们得找一个 ai 编程工具，有它来主要给我们写代码，给我们干活。 那我这里呢，选择的是 tree 的 solo 模式，因为它最近更新了几个功能之后，实在是太适合太方便，完美的适合来做这个项目，一会你就知道了。 那我们先在 app store 里面去下载好这个免费的 xcode， 然后也去官网去装好这个 tree 的 最新版。那下好之后，我们先在这个 xcode 里面选择新建一个项目，我们选择 ios 的 app， 然后给它起个名字， ok， 好， next。 那 现在呢？这就是一个 ios app 的 一个空项目模板，那我们再用 tree 来打开这个项目模板，让它把这个空白的项目最后写成真的 app。 我 们找到刚刚存的这个文件， 点进来直接打开这个子文件夹就好了。 ok， 那 大家看现在 solo 的 这个界面，我们主要来看它多出来的这个选项，先看它这个黄色的集成 当当，它这里就直接有 superbase ai 服务和 stripe 支付服务，我们只需要分别的去把这些账号给注册了，然后去考一个 key， 放到这里面，填好 solo 就 会直接帮我们配置好，对接好， 那大家可能分别还不知道他们能做什么用啊？那这个 superbase 呢，是可以充当我们的数据库和用户注册认证的一个系统的，所以我们去这个 superbase 注册一个账号，然后我们开一个这个空的项目就好。 哦，他这边好像要求我们连接一下。 ok， 我 们直接点击连接一下，那就登录上我们的账号，选择我们刚刚开的那个空项目，这就搞定了。 ai 的 配置也很简单，我们只需要去拷贝一个 api key 填进来，那到时候我们开发这个应用里，就可以直接用这个 ai 来做一些 ai 功能的开发了。那我呢选的是 gemine， 因为 gemine 是 可以直接识别语音的一个多模态模型，非常的方便。 那我们直接去这个 ai studio 里面找到它这个 dashboard， 然后创建一个 key， 给它拷走好，直接填进来，这就搞定了。那 stripe 的 付款服务，我们也可以直接去获取一个 key， 我 们注册一个账号， 然后他这里就有一个沙乡的公要和私要，我们是可以用它来实现模拟的收付款的。当然如果你真的要实际的去收付款的话，还是需要你再去填写一些银行卡呀，身份信息之类的，那毕竟要真的收钱嘛，那我们就先用这个沙乡来实现了功能再说。 ok， 还可以设置几种不同的价格。好，那到这一步我们的准备工作就做完了，接下来就是让 ai 发挥的时候了， 不过让 ai 写，我们还得有要求，那给 ai 详细的要求的方式其实有三种，最简单的一种呢，就是我们直接文字写好，要求让它去实现功能，事后我们可能再去调整一下 ui 的 一个美观程度。 那第二种是我们先让 ai 用简单的这个 html 的 形式来写出一个 ui， 截成图片，你看它这里也是可以上传图片的，然后我们再让它按照图片的 ui， 把 ui 上这些功能都实现成真正的代码。 第三种也很简单，我们来看 tree 这里这个飞马的这个板块，我们在这里是可以直接登录我们的飞马账号，然后把你做好的圆心图给他圈起来，或者是用一个模板，也可以让他把圆心图做成代码， 甚至是我们可以细力度的去圈住某一个按钮，说我们要调整这个地方啊，然后或者是告诉他按这里会有什么样的效果，跳转哪里之类的。 这真的属于产品经理的宝藏功能了，不过呢，我们属于懒中懒，能少做就少做，所以我们还是用最最简单的方式，直接用文字来提示， 那这就是我的初识提示词，够简单吧。啊，就是说了，我想做一个 ios app， 一个 ai 自动记账的，那可以随意的输入自然语言，然后 jimmy 二点五 pro 会解析，并且自动帮我存好自动分类啊，登录和数据都要用 service 语音功能呢，要会员，会员的购买使用 stripe， 然后我希望这个漂亮炫酷是黑客帝国的风格， 那大家也不用太担心自己的提示词写的不好，你看这里 tree 还更新了一个优化提示词功能，那一点现在就是一个清晰的提示词了，而且说实话我们自己去写提示词能写多详细呢？肯定还得是要有详细的需求文档， 所以我们提示词先这样，我们直接发过去。 ok， 这时候 solo 他 会自己开始写两个详细的文档，一个呢是详细的一个产品需求文档，一个是技术架构文档。 我们来看他的过程非常的详细，图表非常清晰。等他写完之后，我们可以再去他这个文档里面，根据他写的东西，再来细划和修改我们想要求的那些细节，毕竟他写的要比我们自己写的好多了，我们得站在 ai 的 肩膀上。 ok， 他 写完了我们去看看哈。 嚯，他的这个功能模块设计的真清晰，甚至还补充了一些我们没有提到，但确实是该有的一些东西，比如说消费趋势的图标套餐的这个功能介绍对比。 再看他这个流程图啊，首先是我们登录进去一个页面，然后主页面呢，可以去切这个记账的，然后统计的账单的列表，还有个详情，然后还有一个设置会员， 非常的合理啊，可以说和我想的是一模一样，设计风格写的也很不错，其实我自己都不知道黑客帝国风格要怎么描述啊，怎么写。不过呢，你可能也需要改一些东西，比如说我们可以改改他这个响应式设计这里，因为我们其实不需要这么多平台，我们只做 ios app， 并且我就想用这个 iphone 十六来做模拟器，我就不增加它的复杂度了，我们把它改成 iphone 十六，把这些都删了。 ok， 我 们再来看它这个架构文档，这个是新出的一个功能，特别的帅啊，一个 swift 的 客户端应用，然后需要手机上的一个录音功能， 然后都是外部服务的。这几个 sdk 的 集成非常的清晰简洁啊。但是呢，它这里不知道 jammy 的 这个模型是原声多模态模型，所以我们可以手动的给它改一改，当然我们也可以直接在这里给它发。 我们跟他说 jimmy 是 原生多模态模型，让他自己去改，不然的话他等会会先给我们语音转文字，然后再发给 jimmy 处理， 然后他这里自己就会去改，然后改完之后还给我们一个明确的变更对比。再看他下面这些路由啊，接口的定义啊，都非常好啊，大家如果看不懂也不用细看，甚至呢，他还一并的把我们的数据模型字段都定定义出来了， 他这些操作数据库的 s、 q、 l 语句也写好了。 nice 这两大文档要是自己写的话，那可真的是比较伤脑筋的。好，那改完之后我们就可以提交让 solo 开始 solo 了。 他自己开发的这个过程其实也有了升级，你看他会先创建几个 to do list， 我 们随时都能在这里看他进行到哪一步了。而且很合理的是，现在 chris 还增加了任务提醒， 就是我们可以把最小化，然后去干别的后台呢，他自己去干着，如果需要我们确认了，然后或者是任务完成了，他就会有这个声音 提醒你来验收了。而且最爽的是 superbase， 我 们不是只创建了一个空项目吗？那些我们需要去自己创建那个数据表啊，都不用管，都是 solo 自己帮我们创，如果他需要更改什么的，数据库迁移什么的，这些操作全部都是他自己做，这个真的太香了， 但是也伴随着他的整个开发过程呢，时间就会比较久，毕竟他是一口气的把我们整个项目写完的。那所以等结果的时候呢，你就可以去再看看秋之的其他视频，并且点赞收藏关注，懂我意思吧？ 好，结束之后我们就可以来验收了，我们打开这边看他写了多少东西啊？哦，写了这么一大堆文件， 不过我们验收呢，得在 xcode 里面去看看。那因为 tree 呢，是直接打开了那个 xcode 里面创建的那个项目嘛，所以我们再在 xcode 里面，它也是时时会被改掉的。我们在这里点击一下这个按钮， build 一下试试。放心，第一版出来必然是一大堆的翻译错误，而且会伴随着你的项目越复杂错越多，但是不要灰心，不要被吓到。其实呢，他有时候几十条错误都是出自一个文件里面几个小的错误导致的， 所以只要我们耐心一点， ai 它是可以修好的。那原则上呢，我们就从它最上面的这些报错开始，那一次呢，给它反馈，嗯，同一个文件或者是两三个文件中十几个错误就好了，然后你就可以接着去干点别的，那虽然 solo 它也可以自己 在这边的这个终端自己去翻译，翻译完了之后看有没有错，然后自己去修改，这样呢，它会一直循环修改，循环修改，直到通过翻译。但是我的经验来说，这个过程吧， 就怎么说，我觉得成功率好像更低，因为他反复的去获取这个终端上下文的时候，里面我会觉得有比较多的无效信息， 所以我选择只让他改代码不测试。那我手动的去给他拷贝这些错误信息，那当他改完一轮再通知你的时候，我们再回到 xcode 里面点击 build 一下， 你就会看到错误数量是明显减少了的，那虽然有时候也不一定能快速减少吧。就是他改了这个，哎，又出来了一些新的，但是也不用慌，就重复这个过程就好，毕竟 ansok 的 团队，他们 web 构建的方式也就是 ai 改，如果改不成了，那就重新再开一次 好。那么经过 solo 日以继夜的反复改， bug 终于构建成功了。那构建完呢，我们就可以在这个模拟器里面看到我们 app 的 样子了， 不过这个时候样子有了，你可能还会发现一些功能上的障碍，而我们这一步最主要的任务就是去一一试验这些功能的可能性。比如说你可能会发现，哎，登录注册不上，或者是你的语音分析分析不出来，那这个过程呢，也是一样，直接的去跟 solo 反馈这个现 象，然后再带上这个位置的这些报错信息，它就会自己再去看这部分的代码，找出问题到底在哪。我们呢，就做一个 cv 仔就好，甚至你做到中途你想再添加什么功能也是可以的。就像我做到一半才发现，在最初的那个提示词里，我自己都忘记提那个 ai 分 析账单的功能了，所以我也是在中途给它发了这么一段。 好，那当我们功能都跑通了之后，就是细调我们的 ui 了，因为我当时就动了个心，我想把整体的这个黑客帝国改成赛博朋克的风格，于是我还是找 ai 帮我写了这么些关于赛博朋克的一个风格描述，我发给了 solo。 像我这样大面积的 u i 修改，注定还是会造成一些翻译错误的过程呢，也无它，耐心的 de bug 就 好。最后这是我改完的效果，是那个味哈，那这个时候我们就该上架前完整的去测试一下功能了。 好，先注册一个账号，求知密码不能告诉你们。好，成功登录进去了，再退出一下试试，看看他能不能再登进去。 ok， 还是成功了。再说一下，今天去逛街，看中了一套衣服，最后没买，后来买了一杯奶茶，花了三十给他出了道陷阱题，看看怎么样，如果不行的话，我们还得再回去调一调那个 ai 功能的提示词。 ok， 过了漂亮， 再多存几个。今天买了本书，花了五十。今天买了台电脑，一万买了杯奶茶，十块出去吃了饭，三十买了一瓶水，五十再切过来看一看， ai 分 析， ok， 非常好，这个页面也很漂亮。再试一下付款，那我因为开通了真实的付款账号，所以会弹出这个界面， ok， 我 输一下， ok， 成功哦，换成了，换成了基础会员，大功告成。当然，这整个做的过程，我一边拖拖拉拉干别的一边来做的。这个项目总共花了是有两天时间，但是我实际的这些操作呢，真的也就是这些过程了。那么项目完成，准备上线， 那要上线呢，我们首先得有个 icon， 还是让 chris 去做，我们就直接要一个赛博风的，写着集胀两个字就好，我们就出一个幺零二四乘以幺零二四的一个 svg 图。 ok， 将就够吧， 我们再让它把这个 svg 转成 png 的 来一个，或者是你也可以自己去网页搜索转成 png 的 一个工具。那有了 png 的 一个 icon 的 图片之后，我们再回到 xcode 的， 我们在文件夹这里找到这个地方，这个 s s 的 地方 好，我们选择 app icon， 这里有三个坑位，我们都把那一张图给它拖进去就好了。 icon 搞定，这里再补充说一下，如果我们要正式的发布到 app store 上面去，要让所有人都能下载能使用，是需要你有一个苹果的开发者账号的，那个人账号也是没问题的，是可以上架的，只不过呢需要一个年费。那我们点开这个蓝色的 a p p 图标，我们选到 这个 target 里面的项目，在这个签名这里确保一下，我们的 team 选择的就是我们那个开发者的那个账号的苹果 id。 那 下一步我们就得去搞点基础设置了，选 general， 这里， 这里是。你这个 app 支持哪些设备？我们其实可以把 ipad 呀， mac 什么都删掉，比较不需要考虑兼容的问题。然后在这里我们把最低能用的这个 ios 的 版本调低一点，改成十七吧。 再然后我们要把我们的名字写一写，我的呢就叫记账，谐音梗，那版本呢，就是一点零了，别的无他。我们准备打包，那选到这上面的 product， 然后选择 archive， 然后我们打包好之后点一下叫验， 我们确认一下语言，我们是简体中文。 ok， 这一步需要一点时间，那验证通过之后，你再点这上面的这个分发， 我们选择第一个 app store connect 好 了，我们直接点这个链接去网站上面去填写一下资料， 那这个页面看似很多东西啊，但是不用担心，也都是 ai 的 活，我们先上来点击一下提交，那这样我们就能看到哪些是必填的东西了啊，有这么些我们直接把它写出来，这些必填的东西考走啊，我们让 ai 帮我们写一写， 这结果不就出来了吗？我们等一会去一点点 cv 就 好。我们先来做一些重要的操作，打开这个模拟器去截几个屏，我们用十六 pro max 呢，是刚好符合六点九寸的，我们可以截好之后给它拖上去， 那再往下滑，我们看到这个技术支持网站啊，也不需要我们去真实的做那个网站，就把 ai 写的这个东西，我们在飞书上考一份，然后公开到互联网， 把它这个 url 给它考进来就好了。那在构建的版本这里，我们选我们刚刚上传的那个版本， 然后这里会说我们证书的事，我们点进去选择这个都不符合就好了。那再接着我们这里还需要给审核员一个账号，让他能够登进去看看啊，联系方式我们这些都填好。再然后是隐私信息， 隐私政策的这个网站呢，也是同理，我们确写好粘贴到飞书里面给它考过来，然后我们再选择一下隐私这里都选五五五， 再者我们去找到价格和销售，然后选择零元，后面也都是零元，我们下载是不收费的。然后呢，我们选择国家和地区，因为多一点国家其实也不会影响你的审核时间，所以我们就全选吧。 另外就是 app 信息这里，我们还得选一选年龄的分级啊，我们都选。没有没有没有，我们保证自己的 app 是 比较绿色的。 ok， 保存了之后提交审核。那这个审核呢？一般四十八小时就会有结果了，现在的通过率其实都还挺高的，我的第一次没通过，因为我收费没有交苹果税，所以我去掉了收费功能，并且增加了一个游客模式，就顺利的通过了。 那我们一起去 app store 看看， 嘿嘿，大家也可以去下载玩玩。当然了，我的 ai 功能肯定是有限额的，而且小 bug 呢，也不用找我报啊，有机会再更新。 最重要的还是你已经掌握了极简版的 ai 开发 app 流程，它简单总结一下，就是梳理好你的需求，准备好充足工具，然后让 ai 去干，最后上架 ai 可能不会一次就给你完美的结果，但他绝对能带你从零跑到一。那整个过程的步骤我也都写到文档里了，评论区可以 q 我， 记得点赞收藏关注，我们下次见了。

我只用几分钟就从零做出了一个专属 ai 旅游攻略 app， 不 需要任何编程基础，不用懂 u i u x， 你 只要会打字，写几句提示词，借助当下最强的 ai 开发工具，就能完整做出一个属于自己的应用。首先我们打开翠，新建一个项目名字，直接填你的产品名。 我们今天要做的是智能旅游攻略生成 app， 这里就直接进入了开发页面，好像看上去很专业，其实我们小白只需要会 ai 对 话就可以了。 把这些需求简单描述发给 ai， 它就会帮你整理完整功能，确定技术框架，然后直接开始生成代码。你只需要等待一分钟左右，它就会把页面布局、配色、排版、交互按钮、效果全部写完。在这里还可以选择你需要的颜色，保存后左边会出现 html 文件，直接打开就能预览页面高级干净。我们来试试效果。 比如输入大理，选择热门打卡，它就能给我们一个清晰的旅游攻略，换一个限制词，选择民族文化，再换一个目的地，输入北京， 就能给你重新生成一份新的旅游攻略。如果你想要更有质感，比如想要立体效果和毛玻璃效果，那么直接把要求告诉 ai， 大 概三十秒，他就会把代码全部改好，再次保存。打开预览，质感立马就上来了。 主页做完，我们继续让他生成酒店智能推荐页和预定详情页，同样生成保存预览，你就会发现设置风格统一，逻辑完整，颜值极高。 点击任意一家网站，还可以看他的详情页，甚至还可以进行预定。整个过程我没有写一行代码，只是打了几段文字，不到十分钟， 一个完整的旅游攻略 app 就 做完了。其实现在 ai 时代，做产品做 app 的 门槛已经非常低了，哪怕你不懂代码，没做过产品，不会设计，只要你有想法，就能把它变成真实可用的应用。如果你也想试试零代码做 app， 完全可以照着这套流程自己做一遍，快去动手试试吧。

喽，大家好，上一期我们手把手搞定了域编辑器的下载安装和基础配置， 这期直接进阶带大家搞定狙心尖项目的全流程，再做一场零基础的黑暗编程实战，就算你是编程小白，也能跟着几分钟写出可用的代码。 咱们首先打开这个已经登录好的觊编辑器，我这边已经打开来了，如果你们没有打开的话，首先桌面双击就能打开。 首先我们要新建一个项目，我们点击新建项目，捞取个名字，然后我们输入项目名称， 点击确定， 然后点击试，这里我们就新建项目成功了。 然后左边我们就可以看到自用管理器，这就是我们的项目的啊，新建的文件夹，现在里面什么东西都没有， 然后中间这里是显示代码的地方，右边是我们真正编程的地方。 项目建好了，接下来就是朘的核心 ai 编程实战，咱们不用基于法，不用长文档，用中文说去求 ai， 直接帮我们写代码。咱们现在就做一个最简单的网页版计时小工具， 使用这个 i g 退埋哦，加 css 加 gs 实现。 首先我们找到这个输入框，然后我们在这里输入一段话， 比如说帮我写一个简洁美观的网页倒计时工具，页气退霉哦，加 css 加 gs 单文件实现 自适应，页面有标题，输入时间框，开始暂停按钮，样式简约大气，代码加注式，新手能直接运行。 然后输入完成之后，我们直接按回车或者点击这个发送按钮，然后这边是切换模型的地方，目前的话我们把模型切换成这个凹凸模式，也就是自动选择， 然后点击发送， 等待一段时间之后， e i 就 会自动帮我们的编写代码，我们稍等片刻， 现在代码已经生成了， 我们可以直接在浏览器中运行这个文件， 然后我们点全部保留，中间部分就是我们生成行的代码， 然后这个是文件夹中存放的代码，我们可以点击右键在文件资源管理器中显示，然后双击通过浏览器打开 一个能用的网页，倒计时工具就已经做好了，我们没可以测试一下，输入六十，点击开始， 然后这工具就在正常的运行了，我们帮弊它如果想调整样式加功能，比如说改颜色，加结束梯形，直接跟 ai 再说，它会自动运行，修改， 它会自动修改原有代码，不用我们从头改写。今天从新建项目到 ai 实战的全部教程就到这里了，是不是挺简单的， 跟着操作的小伙伴可以在评论区域扩一波以上手下一期我们会讲 tree 的 ai 代码调试，插件安装和进阶效率的技巧，帮助大家彻底玩转这块 ai 编程神器。 觉得教程有用的话，别忘记了点赞收藏、关注，避免下次找不到，下期我们再见！

我用吹也有一年多了，真心建议刚学 ai 编程的朋友别在网上盲目找各种工具吹，作为入门工具完全够用，而且至今免费零成本能让你无限试错，这也是我往期视频里极力推荐的 ai 编程工具。 这是我深度结合 tree 与 google ai studio 开发的几个大型项目，目前百分之九十的工程代码都由 tree 完成，而复杂的算法设计和性能瓶颈优化则较由 google ai studio 专项解决。关于 tree 的 使用，我也总结了一些实用小技巧，分享给大家。 首先是规则和技能功能，不知道你用过没有，它能解决一个核心痛点，不用每次都重复叮嘱 ai 哪些事不要做， 你可以在这里提前配置好自己的开发习惯，项目规则吹的使用体验会好很多，比如我自己配置的这些规则，大家可以参考，实用性非常高。其次，你是不是一直默认用 auto 模式， 真心建议别用，这也是吹偶尔抽风的原因之一，不如固定选择，你用着顺手的大模型会更稳妥。 吹里提供了国内几乎所有开源的编程大模型，我个人偏爱豆包 c 的 二点零 code， 但目前用的人太多，经常需要排队。下期视频我会专门讲如何自定义使用这个大模型，大家可以期待一下。所以限阶段我常用的是 glm 四点七或 glm 五。 最后说说新建任务功能，我发现很多新手习惯在一个对话框里从头聊到尾，你是不是也这样？要知道每次改代码前， ai 会保留之前的上下文，对话轮次多了， ai 很 容易擅自改动之前已经做好的功能，所以建议你每次修改新的功能点时，别嫌麻烦，点一下新建任务， 这样能杜绝一半 ai 乱改代码的情况。好啦，你学会了吗？关注我，学习更多 ai 编程小技巧！

上一集我们已经把 tree 安装好了啊，有两种模式，今天我就花三分钟时间告诉你，零基础应该用哪一个。 ok， 那 我们一起来看一下吧。 我们双击打开 tree 啊，左上角的话，你就可以看到一个切换按钮，点击之后就可以在 ide 和 solo 这两个模式之间进行一个切换。 ide 模式就是传统的开发模式，在 ide 模式下，你们是两个人协同地来进行一个项目的开发。 对， solo 模式就是全自动的，你只要说出你的需求，那么这个 ai agent 它就可以完全接管啊，从它自己来规划你的需求啊，来自己写代码来调试啊，给到你一个预览。 对，好，那我们现在先打开 ide 模式，在 ide 模式下，你跟这个 tray 的 一个沟通交流都是在右边这一栏的下面的一个对话框里，那在这个对话框里，你可以通过 at 的 方式来调用它内置的几个不同的智能体。那我们来看一下，一个是 chat， 一个是 builder， 一个是 builder with m c p， 还有一个就是 solo coder， 那 solo coder 在 ide 模式下其实是不可用的，你可以看到后面它写着是 solo only。 我 们先来说 chat 啊， chat 中文就是聊天嘛，对吧？所以在 chat 模式下，你可以跟他去交流，说我想要做一个个人网页，这个时候他会给到你的是他的一些建议。在 chat 模式下，他给到你的建议，他不会去落成一个实际的代码，是需要你去审批的啊，这个是一个跟 build 模式的一个差一点。 那第二个我们来看一下，是 builder 模式。 builder 模式顾名思义的就是啊，他要去进行一个创建啊，所以在 build 模式里面，你去跟他说给我做一个简单的网页啊，他自己就去拆解，自己就去进行一个创建了， 那么从零开始的项目，你就可以选它，你来说出你的需求，它会自动创建文件，写代码。所以在我们的课程里面，我们想要快速去搭建的一些东西，其实都可以用到 build。 然后再说一下这个 build with mcp， mcp， 它其实是一个协议啊，我举个例子，今天你想做一道菜，这个时候你的厨房里面其实缺少了关键的调料，你隔壁的邻居是有的， 那么你要去问他借啊，这个 m c p， 它的一个整个过程就是允许你去访问其他的数据源或者数据库啊，是这样的一个协议的过程，那当前我们不需要对，你只要了解就可以了。 好，这个其实就是 ide 下面的三种模式，那我们经常会用到的就是 chat 和 build， 我 们再把左上角的切换到 solo 看一下， 在 solo 模式下，其实你就会看到它左边是它的一个整个执行的，然后右边是它的一个工具栏，它是这样的一个布局。 然后 solo 模式下，我们要注意在对话框的右上角有一个 plan 模式啊，有个 plan 模式，当你开启了这个 plan， 那 么它就会先规划，等你确认之后，它会关闭这个 plan 模式，然后再进入一个开发。 这个我演示的就是小朋友的一个入学介绍的一个个人网站啊，大家可以来看一下。就是你打开这个 plan 之后啊， ai 会先给你生成一个完整的开发计划，它会列出来说 你要做什么，然后分几步怎么做？当你确认了这个开发计划之后，他会直接切换到这个 builder， 然后去进行一个代码的开发。当然如果你觉得他给到你的这个 plan 啊，就是他的一个思路是不对的时候，你是可以进行一个调整的。那么 plan 模式适合什么呢？就适合我们去做一个大的项目或者复杂的项目， 因为每一个动手之后，你再去调整，再去做 bug 的 修复，是非常麻烦的一件事情，其实是非常消耗钱的，特别是复杂项目的时候，把规划坐在前面是非常必要的。 好，那我们今天就总结一下，就是我跟大家来介介绍了 trade 的 两种模式啊，有 ide 和 solo， 对 吧？那 ide 下面有三个智能题啊， chat 啊， builder 和 builder with mcp。 那 solo 下面它其实只有 solo coder， 在 solo coder 里面你可以去打开 plan 这个功能。 我们后面的课程我都会用到 tray 这个工具，基本上都会用到 ide 这个模式，然后重点会用到 build 这个智能体来做一些项目，我还不确定应该怎么去做的时候，我会用到 chat 这个功能去先去跟他聊个几轮。 那下一集呢？我们就正式要用这个工具动手了啊，我们会用 builder 一 句话来做出你人生中的第一个网页，那我们就下集见喽，拜拜。

如何解决自己的项目在线上的环境中一些奇奇怪怪的问题啊？最好的办法就是用 ai 工具的远程登录，然后直接登上去，跟本地一样问问题，然后由 ai 帮你解决字节的 tree， 阿里的 q order， 腾讯的 code bad 这三个 ai 编程工具，它们远程登录有什么坑啊？先来说一下字节的 tree rain 呢，它只能登录内存比较大的服务器，那一旦登录两 g 或者两 g 以下的服务器，直接卡死，而且有可能让你服务器特别特别的卡啊，我已经遇到很多次了，让我的服务器已经两三次重启，登上去就卡死， 没办法在上面执行命令啊。所以如果你的内存大，可以用它解决，最好是四 g 以上内存，那里的 q order 登录阿里云的服务器非常流畅啊，而且两 g 就 可以在上面执行命令处理。 那腾讯的 qq、 百度在两 g 以下和两 g 的 服务器上也可以运行，在腾讯的服务器上运行比较流畅，一旦登录阿里的服务器上 执行的执行的就会卡。所以如果你是阿里云的服务器，用 q order， 如果你是腾讯云的服务器，直接用 codebody 来登录。如果你服务器内存比较大，就可以用字节的 tree 直接登录上去，像本地一样问问题，直接就可以解决掉啊。以上呢，就是我踩到的坑，希望能帮助到大家。