**Nginx 已成功部署，首页 HTML 正常返回，Vue 应用也已挂载，但 `#app-container` 内没有任何可见内容**。这种问题往往不会伴随明显的控制台报错，既不像 404 那样直观，也不像 JS 运行异常那样容易定位，排查成本较高。本文结合一次真实的排障过程，从**问题现象、原因分析、解决方案、配置要点与经验总结**几个维度，对该问题进行系统梳理，希望为后续类似问题提供一套可复

在 AI 技术快速发展的今天，将大模型能力接入企业办公系统已经成为一种趋势。无论是智能问答、自动化办公，还是企业知识库，AI 助手都能极大提升效率。而如何快速、稳定地部署一个可用的 AI 系统，是许多开发者面临的第一道门槛。本文将围绕开源项目 Hermes Agent，手把手带你完成从部署到接入飞书机器人的完整流程。相比零散教程，本文不仅提供详细步骤，还会补充关键原理说明与实践建议，帮助你真正掌握

我会用到的工具栈是 **Claude Code**（终端版 AI 编程助手）+ Next.js 16 + TypeScript + Prisma 5 + SQLite + TailwindCSS 4。文中涉及三个斜杠命令：`/plan`（让 AI 先出方案再动手）、`/init`（生成项目级 CLAUDE.md）、`/security-review`（让 AI 对项目做安全审查）。没用过 Clau

我会带你从零开始：装环境、配 API、敲命令、做出第一个能跑的小工具。全程不用"懂代码"，你只需要会打字、会装软件。上一篇《国内访问 AI 编程工具完全指南》讲清了为什么国内用户必须用中转方案，本篇就顺着那条路走——把 Claude Code 真正装进你的电脑、连上国产模型、跑出第一个项目。

你有没有过这种经历：明明昨天才告诉 Claude Code "我们项目用 TypeScript 严格模式"，今天开新会话它又问"用 JavaScript 还是 TypeScript"？明明上次你吐槽过"不要用 class 组件"，它这次又写了一个？这不是 AI 记性差，而是你**没有给它一个记笔记的地方**。解决方案就是 **CLAUDE.md**——一个放在项目里的"记忆文件"。这一篇我会彻底讲

"我该选 Claude Code 还是 Cursor？""我们公司用 Qoder 还是 Codex？""学生党用什么最划算？"这三个问题是我被问得最多的。每个 AI 编程工具都有自己的粉丝群体，但**没有银弹**。这一篇我会先拆解 5 款主流工具各自的特点和适用人群，再给出按角色、按场景的选型建议，最后用一张决策图收尾。

"我该选 Claude Code 还是 Cursor？""我们公司用 Qoder 还是 Codex？""学生党用什么最划算？"这三个问题是我被问得最多的。每个 AI 编程工具都有自己的粉丝群体，但**没有银弹**。这一篇我会先拆解 5 款主流工具各自的特点和适用人群，再给出按角色、按场景的选型建议，最后用一张决策图收尾。

"我该选 Claude Code 还是 Cursor？""我们公司用 Qoder 还是 Codex？""学生党用什么最划算？"这三个问题是我被问得最多的。每个 AI 编程工具都有自己的粉丝群体，但**没有银弹**。这一篇我会先拆解 5 款主流工具各自的特点和适用人群，再给出按角色、按场景的选型建议，最后用一张决策图收尾。

你有没有过这种经历：明明昨天才告诉 Claude Code "我们项目用 TypeScript 严格模式"，今天开新会话它又问"用 JavaScript 还是 TypeScript"？明明上次你吐槽过"不要用 class 组件"，它这次又写了一个？这不是 AI 记性差，而是你**没有给它一个记笔记的地方**。解决方案就是 **CLAUDE.md**——一个放在项目里的"记忆文件"。这一篇我会彻底讲

你有没有过这种经历：明明昨天才告诉 Claude Code "我们项目用 TypeScript 严格模式"，今天开新会话它又问"用 JavaScript 还是 TypeScript"？明明上次你吐槽过"不要用 class 组件"，它这次又写了一个？这不是 AI 记性差，而是你**没有给它一个记笔记的地方**。解决方案就是 **CLAUDE.md**——一个放在项目里的"记忆文件"。这一篇我会彻底讲