嗨，老友，先聊聊 Cursor Vibe Coding 是啥玩意儿

说实话，我一开始也懵了。

Cursor 那套 IDE 搞得挺炫的，Vibe Coding 就是让你跟 AI 用自然语言掰掰手指儿，一起写代码。

别想太多，先装上 Cursor，打开它的 Settings → Models。

点一下「自定义模型」，把 DeepSeek V4 的 API Key 塞进去。

哈，这一步其实跟配咖啡机差不多——把钥匙塞进去，机器才Neng给你冲咖啡。

一步到位的环境准备

先装 Node、Git、还有你Zui爱用的包管理器，然后在项目根目录跑：

npm init -y
npm i -D eslint prettier

接着在 .vscode 里建个 settings.json，写上：

{
  "editor.formatOnSave": true,
  "files.autoSave": "onFocusChange",
  "editor.inlineSuggest.enabled": true
}

这玩意儿保证每次保存dou自动格式化，还Neng让 Cursor 给你实时补全。

把规范写进仓库：Rules + Skills

咱们别光靠聊天记录，那玩意儿一关机就没了。

在项目根目录放个 .cursor/rules/ 文件夹，里面写点硬约束：

# api-layer.mdc
globs: src/api/**
description: 禁止在组件里直接 fetch，统一走封装好的 api 方法。
example:
  // 正确示例
  import { getUser } from '@/api/user';
  const data = await getUser;

再建个 .cursor/skills/ 把常用流程固化：

# add-vue-feature.mdc
description: 为 Vue 项目添加新功Neng模块。
steps:
  - 创建页面文件夹和入口组件
  - 新建 composable 并导出业务函数
  - 写单元测试并跑 npm run test
  - 提交 PR 前执行 lint & typecheck

写 Prompt 的小技巧——别让 AI 绕路

我常常会先把需求拆成几块，用「## 背景」之类的标记开头，让 AI 知道你的意图。

比如：

## 背景
我要在订单列表页加分页功Neng。
## 要求
- 使用 Composition API + TypeScript
- 不改动 src/stores/user.ts
## 文件关联
@src/views/order/IndexPage.vue
@src/composables/usePagination.ts
## 验收标准
npm run lint && npm run typecheck 必须全通过。

这样 AI Neng直接定位相关文件，不会四处乱跑。

Agent 模式到底怎么玩？

打开 Cursor Settings → Agents → Run Mode，选「Auto‑Run」或「Manual」dou行。

Ru果你想让 AI 真正去读代码、执行终端命令，就必须打开 Auto‑Run。别忘了给它授权读取工作区文件，否则它只Neng瞎聊。

遇到「thinking」模式卡住怎么办？

DeepSeek V4 默认开启 Thinking 模式，AI 会返回一个叫 reasoning_content 的字段。

Cursor 在 BYOK 场景下不会自动回传这个字段——于是就会报错说「缺少 reasoning_content」。

解决办法hen简单：在本地搭一个兼容 OpenAI 的代理，把这个字段原样转发回去。

快速上手实战：给 Vue 项目加一个搜索框

先打开 Cursor，新建一个 Prompt：

## 背景
当前项目有商品列表页，需要支持关键字搜索。
## 要求
- 在 src/views/ProductList.vue 加一个输入框和搜索按钮。
- 使用 debounce 防抖，每次输入后延迟 300ms 发请求。
- 请求走Yi有的 api/searchProducts 方法。
## 验收标准
页面Neng正确展示搜索结果；npm run lint 必须通过。

*咱就是说* 把这段文字复制进 Cursor 的对话框，然后点「发送」——AI 会立刻生成文件改动并给出 diff。 Ru果它忘记加防抖，你Ke以随口说一句「不对不对，加个 debounce 吧」，AI 马上补上。 kan到 diff 后你只要点 Accept，它就会自动保存到磁盘。 # 为什么百度不收录？—顺便科普一下 SEO 小坑儿

问：为什么百度不收录我的技术博客？

A：

• 检查 robots.txt，是不是误把整个站点屏蔽了；Ru果是 “Disallow: /”，百度自然进不来。

• 再kankan页面是否用了大量 JS 渲染内容。百度爬虫对 SPA 的抓取Neng力还不如谷歌，要确保关键内容在服务端渲染或提供可抓取的静态快照。

• Zui后别忘了提交 sitemap 给百度站长平台，让它知道哪些 URL 是你想要被索引的。

• 小提示：标题、meta 描述里出现关键词也Neng提升被收录概率哦～哈哈~

Curlor + Vibe Coding 那点事儿——从入门到进阶的心路历程 TIPS #1：别一次性塞太多需求给 AI

Ehh，我以前也是这么干的，一口气把五个功Neng丢过去，结果 AI 像喝醉酒一样乱写乱改。后来发现，把需求拆成「单任务」才靠谱——每次只让它改几行代码，然后跑 lint 再决定接受还是拒绝。

TIPS #2：利用 Inline Diffs kan清楚改动细节

Cusor 有个 Inline Diffs 功Neng，会在编辑器左侧直接显示差异。这样你Ke以一眼kan出 AI 改了哪几行，是不是引入了潜在 bug。别小kan这个细节，它比kan commit log geng直观。

TIPS #3：让 AI 写单元测试其实hen省事

Ai 对于模板化代码特别擅长，你只要说「帮我为 src/api/user.ts 写 Jest 单测」，它立马生成覆盖率不错的测试文件。跑一下 npm run test，Ru果全通过就Ke以放心合并啦！哈哈~

TIPS #4：遇到奇怪报错先自查，再怼 AI

P.S. 我经常会kan到“Cannot read property of

# 小结 —— 把 Vibe Coding 当作你的“编程伴侣”而不是“全Neng神”

• 安装配置好 Cursor 与 DeepSeek。

• 用 .cursor/rules 和 .cursor/skills 把硬约束和流程写进仓库，防止 AI 越界。

• 写 Prompt 时明确背景、要求、关联文件和验收标准，让 AI 知道该干嘛，不该干嘛。

• 开启 Auto‑Run 或手动审阅 diff，务必跑 lint/test 再 Accept，安全第一！

• 遇到 Thinking 模式卡顿时用本地代理转发 reasoning_content，别慌。

• SEO 小技巧顺带提醒：robots.txt、SSR 渲染和 sitemap 是百度收录关键点。

• Zui重要的是把 AI 当作Neng陪你撸代码的老友，而不是万Neng的“代码机器”。有时候敲几句“哈哈，这段逻辑我懂”，AI 就会geng懂你的意图啦！

# Zui后一句话 —— 开始你的 Cursor Vibe Coding 冒险吧！🚀

好了就酱紫~ Ru果还有啥卡住的地方，就直接问我呗，我这边随时待命。记得多喝水，多休息，也别忘了偶尔手动敲几行代码，让 AI kan见你的风格，这样它以后写出来的东西才geng像你呀~ 哈哈！祝编码愉快！ 🌟

---