Cursor+DeepSeek手把手教你打造智能小程序｜从零到一全栈开发指南实践参考教程

最新推荐文章于 2025-03-27 19:39:38 发布
最新推荐文章于 2025-03-27 19:39:38 发布
阅读量1.7k 收藏 10
点赞数 6
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36799762/article/details/145777956
版权

前边讲过cursor的基础使用，最近在AI智能辅助下快速的完成了一个小程序的开发，整理了下文档，供大家参考，同时来感受下Ai的给你带来的畏惧感，本文用到uniApp和cursor两个工具。

一，cursor中配置deepSeek模型

获取deepseek的api_key

打开deepseek官方网站：https://www.deepseek.com/ 进入API开放平台

图片

创建ApiKey

图片

打开cursor，在设置里修改Models为deepSeek-v3,其它默认的勾选去掉（这个功能只有PRO版本才可以使用，pro版本收费的，可以关注公众号，查看“Cursor AI开发工具怎样免费使用”这篇文章了解如何免费使用cursor的方法）。

 

图片

粘贴刚才在deepseek中创建的ApiKey，在第下边输入框中，输入url： https://api.deepseek.com。url输入完成后点击save按钮。测试是否成功接入

图片

二，uniapp创建一个前端小程序  

再用uniapp创建一个小程序空白工程

图片

再用cursor打开该工程，在Composer中提问“这是基于uniapp+vue2框架的微信小程序，请帮我在主页创建一个用户意见反馈的表单” 让其阅读工程代码文件

图片

预览界面比较丑，再让其美化下界面

图片

三，前端关联云服务器

Hbuilder关联云服务器

图片

图片

新建服务空间

图片

选择服务空间并填写名称

图片

到unlicloud这里刷新，看有没有刚才创建的服务空间

图片

回到Hbuilder，关联服务空间

图片

点击关联。

回到cursor

图片

hbuilder中上传部署

图片

图片

图片

图片

四，创建一个后台管理面板

再在hbuilder中创建一个后台管理面板

图片

选择服务空间

图片

开始部署

图片

后台管理工程也关联这个云服务空间

图片

图片

图片

图片

图片

图片

图片

图片

注册合并，运行在浏览器效果

图片

至此实操大概过程结束，过程自己需要实践，更新过快自己需要做调整

结语

AI不会取代程序员，但会用AI的程序员正在淘汰其他人！ 

阅读原文 获取更多干货！

AI 编程工具—Cursor进阶使用deepseek V3 模型(deepseek + cursor）
01-07 1万+
而且，国产LLM模型对中文的理解和支持能力想必是比国外的模型是有优势的，还物美价廉。最近Cursor玩的不亦乐乎，用它写了很多的python 脚本，例如各种爬虫，有直接调用接口的，有模拟浏览器行为的，总之很好用很方便。首先我们注册一个deepseek，然后进去它开放平台，生成API keys，这里我已经创建好了。的模型后，选中这个模型，然后在下面的配置框中输入我们刚才生成的API keys。今日模型配置页面，这里我们勾掉之前已经激活的模型。然后点击添加模型，这里的模型名字必须是。
cursor AI代码编辑器IDE对接deepseek模型api；字节ai编辑器trae
weixin_42357472的博客
09-13 1万+
参考： https://www.cursor.com/ https://platform.deepseek.com/https://www.cursor.com/下载安装后，注册账号登录即可 再高级里选择设置 再模型这注册模型： 模型名称一定要填正确，url地址填好，最后填上秘钥验证
Cursor配置deepseek模型(硅基流动+deepseek官网)
最新发布
web326的专栏
03-27 619
MacOS 下Cursor配置硅基流动&deepseek官网的api key，使用deepseek大模型
cursor+deepseek构建自己的AI编程助手
江上清风山间明月的博客
01-13 4780
cursor+deepseek构建自己的AI编程助手
uniapp如何对接deepseek
一个爱摸鱼的程序员
03-02 1440
支持在uniapp中和deepseek对话，支持流式输出，支持先显示思考过程，再显示回答结果，支持markdown显示，项目代码很少，可以方便的集成到自己的uniapp小程序里。
Cursor使用deepseek模型
热门推荐
Crime_man的博客
11-22 1万+
Cursor一款AI代码编辑器，可以帮助写代码，直接复制运行，为我们的开发带来很大的便利，但是，这个功能只有PRO版本才可以使用，而PRO版本，需要每个月$20。好在，Cursor可以使用别的大模型的API。deepseek是国内的一个大模型，提供API接口，可以对接，且物美价廉，首次注册送500万tokens，充值100万tokens只需1元。
Cursor 与 DeepSeek API 的完美融合
miracle的专栏
10-10 6069
Cursor 配置 DeepSeek API 后，能够为开发者带来更强大的编程体验。虽然在配置过程中可能会遇到一些问题，但总体来说，它的功能非常强大，值得大家尝试。希望本文能够帮助大家更好地使用这两个工具，提高编程效率。
3步搞定！在Cursor中接入DeepSeek大模型！
羊仔的博客
01-07 1万+
大家好！我是羊仔，专注AI工具、编程、智能体。羊仔最近发现，把坐席换成面向窗户，灵感似乎也特别容易涌现——不过，这可能只是心理作用而已。对了，羊仔身边的朋友最近对AI工具表示了各种好奇，还问了不少经验，现在真是个人人都想更高效工作的小时代。今天为大家分享一个超实用的玩法：如何在Cursor编辑器中接入国产大模型DeepSeek。
deepseek 在cursor 上安装使用教程
weixin_44009071的博客
02-13 2099
打开Cursor的设置面板（File -> Preference -> Cursor Settings），找到Models选项卡，把其他模型的开关都关掉。访问 DeepSeek 官网https://platform.deepseek.com/api_keys ，注册账号。点击"Add Model"，添加一个自定义模型，名字就叫“deepseek-chat”。打开Chat窗口，想写什么代码，尽管吩咐DeepSeek！ursor虽然好用，但是这20美元每月的订阅费，很贵哇！但是，有DeepSeek！
Cursor不能白嫖还不安全：Cline + DeepSeek V3，最强国产双开源解决方案
surfirst的博客
12-29 1万+
Cursor，作为目前流行的AI代码编辑器，尽管具有高效的代码补全与智能调试功能，但由于其依赖国外服务器，难以满足一些开发者对数据安全的需求。幸运的是，国内的AI大模型逐渐崭露头角，DeepSeek V3便是其中的佼佼者。通过结合Cline和DeepSeek V3，能否有效替代Cursor并在保障隐私的同时提供同样甚至更高的编程效率呢？本文将深入分析这一替代方案的可行性。
用 ChatGPT + Cursor 极速开发微信小程序：从创意到上线的实战指南
秋元的博客
02-21 1671
使用 GPT+cursor，完成小程序的设计到落地的实践
DeepSeek引入到Cursor和VSCode编辑器指南
weixin_43891869的博客
02-10 2250
设置 API 接入点，输入 DeepSeek 的 API 地址：https://api.deepseek.com。访问官网：打开浏览器，进入 Cursor 官方网站：https://www.cursor.com/。注册 ModelBox 账号：访问 DeepSeek 官网注册账号，链接如下：DeepSeek官网。注册 DMXAPI 账号：访问 DMXAPI 官网注册账号，链接如下：DMXAPI官网。获取 API Key：注册完成后，创建一个 API Key，并妥善保管。
个人评测 | Cursor 免费平替：Roo Cline + DeepSeek-v3/Gemini-2.0 + RepoPrompt AI 辅助编程
记录学习痕迹的公众号：Piper蛋窝
01-03 6142
文章首先介绍了在 VS Code 中使用插件 Roo Cline 以达到和 Cursor 类似功能的方法。接着，介绍了如何使用 Repo Prompt 这款软件，在网页版 Claude Pro 中体验类 Cursor 的功能（相比调用 API ，使用网页版费用更加可控）。最后，以一个 AI 辅助编程实例讨论了这类工具的局限性，最终提出三点结论：（一）小型项目使用 AI 事半功倍，但是每一个 prompt 不应提出太多需求，复杂需求应在多轮对话中逐步提出；（二）对复杂项目而言，市面上的 AI 暂难以处理；
免费使用Cursor, 切换DeepSeek模型
qiaoxinyu1989的博客
10-12 8249
点击Models→Add model 添加模型→添加Deepseek的模型名称：deepseek-coder 和 deepseek-chat→注意：模型名一定不能输错！→建议复制→添加好的模型，要打开。DeepSeek API 使用与 OpenAI 兼容的 API 格式，通过修改配置，使用 OpenAI SDK 来访问 DeepSeek API。直接点击右上角的齿轮图标 或 者通过文件-->首选项-->Cursor Settings。点击进入后，登录进入，没有APIkey,就创建复制。
最新Cursor配置DeepSeek模型，像素级细节
qq_25828905的博客
01-09 5585
最新Cursor配置DeepSeek模型，像素级细节，在配置DeepSeek的时候，容易出现配置不上的问题，这篇文章完美解决这个问题
【AI】【LLM】【Practice】Cursor + deepseek 打造免费的AI编程助理
sheng3690的博客
10-10 1226
cursor带来前所未有的编程体验，极大地提高了生产效率，但是cursor pro的价格依旧不便宜，好在cursor支持其它大模型的导入。我们今天实践一下如何接入现在比较火爆的开源ai coder大模型deepseek。
2025 编程神器：Cursor接入Deepseek 最新版R1 模型，无需配置api，免费使用
m0_63171455的博客
02-09 6701
Cursor 是一款基于 AI 技术的智能代码编辑器，专为开发者设计。它深度融合了类似 ChatGPT 的 AI 功能（如代码生成、自动补全、代码解释等），并继承了 VS Code 的高效操作体验。快速生成代码片段调试代码错误学习新编程语言自动化重复编码任务。
Cursor+deepseek，只需3步让国产黑马成就超高性价比编程工具
2401_85373691的博客
01-21 3818
Deepseek V3是一个强大的专家混合 （MoE） 语言模型。他使用更短的训练时间，实现了与领先的闭源模型相当的性能。在代码、中文等方面和Claude 3.5 sonnet和GPT-4o等高级模型不相上下，还有些项目领先。API价格相对还是比较实惠的。
在Cursor上部署DeepSeek，实现最强AI编程
分享Python、数据分析、人工智能前沿知识
02-01 1674
Cursor界面类似VsCode，可以连接gpt-4o、claude-3.5等模型，通过对话聊天形式让AI大模型自主编程，支持生成代码文件、补全代码、预测代码、智能debug等功能，非常的强大，实测下来比Vscode上AI插件Cline、Continue要好用。这就是Cursor，非常的简单且强大， 我只是演示了核心功能，其他还有很好玩的部分等你去研究，比如批量代码替换、代码解释与学习、自动生成注释等，而且Cursor内置终端、集成Git、支持 VSCode 插件，几乎一个终端能完成编程所有事情。
cursor编写商城小程序全栈
03-26
<think>好的，我现在需要帮用户了解如何使用Cursor工具进行商城小程序的全栈开发流程。首先，我得回顾一下用户提供的引用内容，尤其是引用[1]和[2]。引用[1]提到使用Cursor和DeepSeek快速开发小程序，涉及uniApp和Cursor两个工具，而引用[2]则是鼓励支持，但可能没有具体的技术细节。 用户的问题是关于商城小程序的全栈开发，所以需要涵盖前端、后端以及数据库设计等方面。根据引用[1]中的信息，uniApp是前端框架，而Cursor作为AI辅助工具，可能用于生成代码片段或提供开发建议。因此，我应该分步骤讲解，从环境搭建到具体功能实现，同时结合AI工具的使用。 首先，环境搭建部分，需要指导用户安装Node.js、HBuilder X和Cursor。然后，创建uniApp项目，这里可能需要说明如何在HBuilder X中新建项目，并选择模板。接下来是后端部分，引用中未明确提及具体后端技术，但全栈开发通常需要服务器和数据库，可能需要选择Node.js的Express或Koa框架，以及MySQL或MongoDB。这里需要结合Cursor的能力，比如生成API代码或数据库模型。 然后是核心功能模块，比如用户登录、商品展示、购物车和订单管理。每个功能都需要前后端的协作。例如，用户登录需要前端界面和后端验证接口，商品展示需要前端页面和数据获取接口。这里可以举例说明如何用Cursor生成登录页面的Vue代码，或者生成Express的路由和控制器代码。 数据库设计部分，需要设计用户表、商品表、订单表等，并说明如何用AI工具生成SQL语句或ORM模型。例如，用户表可能包含用户名、密码哈希等字段，商品表有名称、价格、库存等。 在开发流程中，AI辅助的应用是关键。需要具体说明如何用Cursor生成代码，比如输入自然语言描述需求，让AI生成相应的代码片段，然后进行调试和优化。例如，生成购物车的Vue组件，或者生成后端的商品查询接口。 部署与测试部分，需要指导用户如何打包前端代码，部署后端服务，以及进行功能测试。可能需要提到使用HBuilder X的云打包，以及PM2管理Node.js进程。 最后，相关问题部分需要考虑用户可能遇到的后续问题，比如性能优化、支付集成、UI设计、跨平台兼容性等，这些都需要结合引用中的信息，确保回答的相关性。 需要注意的是，引用[1]和[2]主要提到了开发过程和鼓励支持，但缺乏具体的技术细节，因此在回答时需要基于通用的全栈开发知识，同时结合AI工具的应用场景。此外，确保所有数学公式和代码块符合格式要求，比如行内公式用$...$，独立公式用$$...$$，代码块用三个反引号包裹。 总结下来，回答的结构应该是分步骤讲解，每个步骤结合AI工具的使用示例，代码示例使用正确的格式，并确保引用标记正确放置。同时，生成的相关问题要围绕商城小程序开发的后续步骤和常见挑战，帮助用户深入理解。</think>### 使用Cursor工具开发商城小程序的全栈流程指南 #### 一、环境搭建与工具准备 1. **安装必要工具** - **Node.js**：后端运行环境（版本≥14.x） - **HBuilder X**：uniApp开发IDE（支持Vue语法高亮） - **Cursor**：AI代码生成工具（需开启DeepSeek模型） - **数据库**：MySQL或MongoDB（推荐使用云服务如AWS RDS） 2. **创建uniApp项目** ```bash # 在HBuilder X中新建项目，选择uniApp模板 vue create -p dcloudio/uni-preset-vue mall-project ``` --- #### 二、核心功能模块设计 1. **前端页面结构（Vue3 + uniApp）** - **用户登录页**：使用`<uni-forms>`组件实现表单验证 ```vue <template> <uni-forms ref="form" :modelValue="formData"> <uni-forms-item label="手机号" name="phone"> <uni-easyinput v-model="formData.phone" /> </uni-forms-item> </uni-forms> </template> ``` *通过Cursor输入提示："生成uniApp手机号登录表单代码"可快速生成[^1]* - **商品列表页**：基于`<scroll-view>`实现分页加载 $$ \text{分页公式：} \lim_{n \to \infty} \frac{\text{总商品数}}{n \times \text{每页数量}} $$ 2. **后端API开发（Node.js + Express）** - **商品查询接口示例** ```javascript // 使用Cursor输入："生成Express商品分页查询接口" app.get('/api/products', async (req, res) => { const page = parseInt(req.query.page) || 1; const limit = 10; const products = await Product.find() .skip((page - 1) * limit) .limit(limit); res.json({ code: 200, data: products }); }); ``` --- #### 三、数据库设计（MySQL示例） | 表名 | 字段 | 类型 | |------------|----------------------|--------------| | users | id, phone, password | VARCHAR(11) | | products | name, price, stock | DECIMAL(10,2)| | orders | user_id, total_price | INT | *通过Cursor输入："生成MySQL电商数据库ER图"可获取可视化设计方案* --- #### 四、AI辅助开发实践 1. **代码生成技巧** - 在Cursor中输入自然语言描述： ```text "实现微信支付功能，需要uniapp调起支付接口和后端生成预支付订单" ``` AI将生成包含`uni.requestPayment()`的前端代码和Node.js签名逻辑。 2. **代码优化** 对AI生成的代码进行以下改进： - 添加JWT鉴权中间件 - 使用Redis缓存热门商品数据 - 实现请求参数校验（如使用express-validator） --- #### 五、部署与测试 1. **前端打包** ```bash npm run build:mp-weixin # 生成微信小程序代码包 ``` 2. **后端部署** ```bash pm2 start app.js --name mall-api ``` 3. **测试要点** - 高并发场景下的商品库存一致性（需用事务处理） - 支付回调接口的幂等性设计 --- §§ 相关问题 §§ 1. 如何用Cursor优化商城小程序的性能指标（如FCP≤1s）？ 2. 小程序支付功能如何对接微信/支付宝多平台？ 3. 怎样设计商品推荐算法提升转化率？ 4. 如何处理高并发下的订单超卖问题？ : 引用自《Cursor+DeepSeek手把手教你打造智能小程序》开发实践指南 [^2]: 开发过程涉及复杂系统设计，建议结合具体业务需求调整架构
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序媛凡芽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值