Cursor+DeepSeek手把手教你打造智能小程序|从零到一全栈开发指南实践参考
前边讲过cursor的基础使用,近来在AI智能辅助下快速的完成了一个小程序的开发,整理了下文档,供各人参考,同时来感受下Ai的给你带来的畏惧感,本文用到uniApp和cursor两个工具。一,cursor中配置deepSeek模型
获取deepseek的api_key
打开deepseek官方网站:https://www.deepseek.com/ 进入API开放平台
https://i-blog.csdnimg.cn/img_convert/9b6774ffae2947859776a7ff27f24e4e.png
创建ApiKey
https://i-blog.csdnimg.cn/img_convert/9c870ca0dcd4457235313d573b839fd7.png
打开cursor,在设置里修改Models为deepSeek-v3,别的默认的勾选去掉(这个功能只有PRO版本才可以使用,pro版本收费的,可以关注公众号,查看“Cursor AI开发工具怎样免费使用”这篇文章了解怎样免费使用cursor的方法)。
https://i-blog.csdnimg.cn/img_convert/b87164cf1b6dea0ebacc598fb2b50ff2.png
粘贴刚才在deepseek中创建的ApiKey,在第下边输入框中,输入url: https://api.deepseek.com。url输入完成后点击save按钮。测试是否乐成接入
https://i-blog.csdnimg.cn/img_convert/c21a81a52a3d931a93a403a67680dd60.png
二,uniapp创建一个前端小程序
再用uniapp创建一个小程序空缺工程
https://i-blog.csdnimg.cn/img_convert/f32623a77031b7ea1fd2cd065975639f.png
再用cursor打开该工程,在Composer中提问“这是基于uniapp+vue2框架的微信小程序,请帮我在主页创建一个用户意见反馈的表单” 让其阅读工程代码文件
https://i-blog.csdnimg.cn/img_convert/1761b1218f509f07faa206034ba08b78.png
预览界面比较丑,再让其美化下界面
https://i-blog.csdnimg.cn/img_convert/5cc7fba258c8a4e0297b22d67172f9c2.png
三,前端关联云服务器
Hbuilder关联云服务器
https://i-blog.csdnimg.cn/img_convert/765042d42a63761311a84ae579de296a.png
https://i-blog.csdnimg.cn/img_convert/605f40c3474bca87f09000188737a7fd.png
新建服务空间
https://i-blog.csdnimg.cn/img_convert/198fb191c0bfbb60a3d10238c7e7e9bd.png
选择服务空间并填写名称
https://i-blog.csdnimg.cn/img_convert/b72df000923fdac20dcf7ca40b375356.png
到unlicloud这里刷新,看有没有刚才创建的服务空间
https://i-blog.csdnimg.cn/img_convert/6ae5380c5318dd9f6a0aa4ff0d168017.png
回到Hbuilder,关联服务空间
https://i-blog.csdnimg.cn/img_convert/5f20021dc5486f4d50beb077400b90a4.png
点击关联。
回到cursor
https://i-blog.csdnimg.cn/img_convert/d0df834af21b498c10427c2c9863e7ab.png
hbuilder中上传部署
https://i-blog.csdnimg.cn/img_convert/9641d6181367323e2dca719ced364726.png
https://i-blog.csdnimg.cn/img_convert/14270dbe1f116c04f41b8c09b71b2e51.png
https://i-blog.csdnimg.cn/img_convert/a6ed4dc1c77c6bb5cafcd447cee0e714.png
https://i-blog.csdnimg.cn/img_convert/dfb2e2df3cf0f21dbbf1cac88942443e.png
四,创建一个后台管理面板
再在hbuilder中创建一个后台管理面板
https://i-blog.csdnimg.cn/img_convert/5e37565d13a57540adb57ff2655560b1.png
选择服务空间
https://i-blog.csdnimg.cn/img_convert/5b2a648c5ffb2a23756c5000e98db538.png
开始部署
https://i-blog.csdnimg.cn/img_convert/cba3a07684f24d11822825ccf5b5be39.png
后台管理工程也关联这个云服务空间
https://i-blog.csdnimg.cn/img_convert/15635ca65b335a07d747c26644a2b4df.png
https://i-blog.csdnimg.cn/img_convert/5d34251733b648b5d20b9e92ec51bc66.png
https://i-blog.csdnimg.cn/img_convert/f6408d800fa44bdec7d865cbd4a89a16.png
https://i-blog.csdnimg.cn/img_convert/86be4f6d77ec55833c9d13ccdad0005b.png
https://i-blog.csdnimg.cn/img_convert/ffeeac41427b4d7e3e6b4a64aae79486.png
https://i-blog.csdnimg.cn/img_convert/ab60d36dfb40da51781fc9f382102a50.png
https://i-blog.csdnimg.cn/img_convert/cbb24a81e077f351dd31124fe3567bbe.png
https://i-blog.csdnimg.cn/img_convert/f224028018384bc0285a2a8129405855.png
注册归并,运行在浏览器效果
https://i-blog.csdnimg.cn/img_convert/e0eccd9672a7b8a118984c2792e0d53b.png
至此实操大概过程结束,过程自己需要实践,更新过快自己需要做调解
结语
AI不会代替程序员,但会用AI的程序员正在淘汰其他人!
阅读原文 获取更多干货!
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]