CodeWater Blog

「离开世界之前 一切都是过程」

AI 工具 / 远程开发

VS Code + Codex + SSH 远程开发完整教程

从 SSH 密钥、VS Code Remote-SSH 到 Codex CLI、IDE 扩展和 Codex App 远程连接,按 macOS 和 Windows 分步骤跑通远程开发环境。
AI VS Code Codex SSH

macOS 全栈开发环境系列

从 Homebrew、VS Code 到 React、FastAPI、PostgreSQL、Redis 和 Docker Compose

面向 macOS 新手到中级开发者,按安装顺序写成 12 篇完整教程:每篇包含资料清洗、最佳实践、命令解释、验证方式、常见错误和可交给 Codex 的 Prompt。
  1. 总览:macOS 全栈开发环境安装路线图
  2. 安装 Xcode Command Line Tools、Homebrew 和基础命令行工具
  3. 配置 Git、GitHub SSH、GitHub CLI
  4. 安装 VS Code 与前端开发插件
  5. 安装 Node.js、pnpm、TypeScript、Vite
  6. 搭建 React + Tailwind 前端项目
  7. 安装 Python uv 与 FastAPI 后端环境
  8. 安装 PostgreSQL、Redis 与数据库客户端
  9. 安装 Docker Desktop 与 Docker Compose
  10. 用 Docker Compose 跑通前端、后端、数据库、缓存
  11. 配置接口调试、测试工具与本地 HTTPS
  12. 可选扩展:Java、Go、MongoDB、云平台 CLI
macOS 全栈 环境配置 Docker

Vibe Coding 系列

给计算机学生的 AI 协作开发路线

从学习路线、工具链、工程闭环、上下文工程到课程项目和科研复现,系统整理一套面向有计算机基础学生的 AI 辅助开发方法。
  1. 系列导读:给计算机学生的 AI 协作开发路线
  2. 学习路线:如何从 0 到 1 上手 AI 辅助开发
  3. 工具链:Cursor、Codex、Claude Code 怎么选
  4. 工程闭环:从 Prompt 到可提交代码
  5. 上下文工程:AGENTS.md、项目规则和可复用 Skills
  6. 实战篇:课程项目、个人工具和科研复现
Vibe Coding 工程实践 工具

实战篇:用 Vibe Coding 做课程项目、个人工具和科研复现

把方法落到真实任务:小程序、全栈应用和实验项目怎么做

这篇文章是 Vibe Coding 系列的第六篇。前面几篇讲了概念、路线、工具、流程和上下文,这篇把它们放进三个真实场景:课程项目、个人工具和科研复现。 系列导航 Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线 Vibe Coding 学习路线:计算机学生如何从 0 到 1 上手 AI 辅助开发 Cursor、Codex、Claude Code...
AI 开发 工具 Vibe Coding 工程实践

上下文工程:AGENTS.md、项目规则和可复用 Skills

让 AI 不只会聊天,而是稳定理解你的项目

这篇文章是 Vibe Coding 系列的第五篇。前面几篇讲了学习路线、工具和工程闭环,这篇聚焦一个更容易被低估的问题:如何让 AI 长期、稳定、低成本地理解你的项目。 系列导航 Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线 Vibe Coding 学习路线:计算机学生如何从 0 到 1 上手 AI 辅助开发 Cursor、Codex、Cla...
AI 开发 工具 Vibe Coding 工程实践

从 Prompt 到可提交代码:Vibe Coding 的工程闭环

Explore、Plan、Implement、Verify、Review、Commit 六步走

这篇文章是 Vibe Coding 系列的第四篇。它回答一个非常实际的问题:怎样把一句 Prompt 变成一段可以提交的代码,而不是变成一堆看起来能跑、实际上没人敢维护的改动。 系列导航 Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线 Vibe Coding 学习路线:计算机学生如何从 0 到 1 上手 AI 辅助开发 Cursor、Codex...
AI 开发 工具 Vibe Coding 工程实践

Cursor、Codex、Claude Code 怎么选:AI 编程工具链入门

不要追逐工具排行榜,先按任务场景选择合适的协作方式

这篇文章是 Vibe Coding 系列的第三篇。工具会变,工具名也会变,但选择工具的逻辑不会很快过期:看任务范围、上下文复杂度、验证方式和你需要 AI 拥有多大执行权限。 系列导航 Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线 Vibe Coding 学习路线:计算机学生如何从 0 到 1 上手 AI 辅助开发 工具链:Cursor、Cod...
AI 开发 工具 Vibe Coding 工程实践

Vibe Coding 学习路线:计算机学生如何从 0 到 1 上手 AI 辅助开发

从脚本、小页面到完整项目,逐步练出 AI 协作开发能力

这篇文章是 Vibe Coding 系列的第二篇。它不讨论某个工具的按钮怎么点,而是给有计算机基础的学生一条可执行的练习路线:从小脚本开始,逐步过渡到页面、接口、课程项目、完整 MVP 和科研实验。 系列导航 Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线 学习路线:Vibe Coding 学习路线:计算机学生如何从 0 到 1 上手 AI 辅助开...
AI 开发 工具 Vibe Coding 工程实践

Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线

从工具热闹回到工程能力:如何系统学习 AI 辅助开发

这组文章写给已经有一定计算机基础的人:计算机专业学生、能熟练使用电脑的大学生、初级开发者、科研或课程项目开发者。它不是“零基础用 AI 逃避编程”的教程,而是讨论如何把已有的编程能力升级成 AI 协作开发能力。 系列导航 导读:Vibe Coding 系列导读:给计算机学生的 AI 协作开发路线 学习路线:Vibe Coding 学习路线:计算机学生如何从 0 到 1 ...
AI 开发 工具 Vibe Coding 工程实践

麻将计分小程序

让每一局输赢都有清楚的记录

这是我为日常麻将局做的一个计分小程序。它的目标不是把麻将规则做得很复杂,而是先解决一个高频、具体的问题:线下打牌时,分数记录容易中断,累计分数容易算错,最后结算时还需要反复核对。 我希望这个小程序能把“创建牌局、添加玩家、记录每一局分数、自动汇总、查看历史、最终结算”这些动作放到一个顺手的流程里。对我来说,它既是一个实用工具,也是一次完整的小程序项目练习。 为什么做 线下打麻将时,计分...
项目 工具 日常 小程序 麻将