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 工程实践 工具

搭建 React + Tailwind 前端项目

从 Vite 模板到页面组件、样式、构建和本地预览,做一个能继续扩展的前端骨架

这一篇不只是“让页面跑起来”。目标是搭出一个可以继续做全栈项目的前端骨架:Vite、React、TypeScript、Tailwind、格式化、lint、构建和预览都要通。 结论 推荐命令: 1 2 3 4 5 cd ~/Developer pnpm create vite fullstack-web --template react-ts cd fullstack-web p...
macOS React Tailwind 前端 环境配置

安装 Node.js、pnpm、TypeScript、Vite

把前端项目的运行时、包管理器、类型系统和开发服务器一次理顺

前端环境的核心不是“装一个 Node 就完事”。你需要知道 Node.js 是运行时,pnpm 是包管理器,TypeScript 是类型系统,Vite 是项目脚手架和开发服务器。 结论 推荐主线: 1 2 3 4 5 安装 Node.js LTS -> 启用或安装 pnpm -> 创建 Vite + TypeScript 项目 -> 本地安装 TypeScri...
macOS Node.js 前端 TypeScript 环境配置

安装 VS Code 与前端开发插件

少装、装准、能格式化、能检查、能调试,才是舒服的编辑器环境

编辑器不是越花越好。对全栈学习来说,VS Code 的目标很明确:打开项目、看类型提示、格式化代码、发现错误、调试前后端、管理 Git、辅助 Docker。 结论 推荐先装 VS Code 本体和这几个扩展: 1 2 3 4 5 6 ESLint Prettier - Code formatter Tailwind CSS IntelliSense Docker GitLens...
macOS VS Code 前端 环境配置 开发工具

配置 Git、GitHub SSH、GitHub CLI

让本机能够安全拉代码、提交代码、推送到 GitHub,并用 gh 管理仓库

会安装环境只是第一步。真正做项目时,你需要从 GitHub 拉代码、提交改动、推送分支、开 PR。这篇把 Git、本机 SSH key 和 GitHub CLI 串起来。 结论 推荐流程: 1 2 3 4 5 6 7 安装 Git 和 gh -> 设置 Git 用户名和邮箱 -> 生成一把专门给 GitHub 的 SSH key -> 把公钥加到 GitHub...
macOS Git GitHub 环境配置 开发工具

安装 Xcode Command Line Tools、Homebrew 和基础命令行工具

把 macOS 从普通电脑变成可安装、可编译、可排查的开发机器

这一步是整个 macOS 开发环境的地基。先把 Command Line Tools、Homebrew 和常用命令行工具装好,后面装 Node.js、Python、PostgreSQL、Redis、Docker 辅助工具才会顺。 结论 推荐路径: 1 2 3 4 5 6 检查 Mac 架构 -> 安装 Xcode Command Line Tools -> 安装 H...
macOS 环境配置 Homebrew 命令行 开发工具

macOS 全栈开发环境总览与安装路线图

先选一条稳妥主线,再按前端、后端、数据库、容器和测试逐步补齐

这篇是整个系列的地图。不要一上来把所有工具都装满,先跑通一条能做项目的主线:Homebrew、VS Code、Node.js、React、Python、FastAPI、PostgreSQL、Redis、Docker Compose。后面的 11 篇会把每一步拆开讲。 结论 推荐路线是: 1 2 3 4 5 6 7 8 9 10 11 Xcode Command Line Too...
macOS 全栈 环境配置 开发 工具

计算机准研究生入学前应该掌握的 21 项实用技能

不讲课程表,先把服务器、Git、环境、复现和科研协作这些每天会用的东西补齐

这篇文章不讨论“计算机组成原理、操作系统、算法、数据库”这些专业基础课应该怎么学。它讨论的是另一类东西:你进实验室、上服务器、跑代码、复现实验、写论文、和同学协作时,每天都会碰到,却很少有人专门教你的实用技能。 写在前面:为什么先学这些 很多计算机学生在本科阶段学过不少课程,但一到真实科研或工程环境里,反而会被一些看起来很“小”的问题卡住: 导师发了服务器账号,但不知道怎...
计算机 研究生 工具 科研 开发

Zotero + 划词翻译 + 常用插件完整教程

从安装、抓取文献、PDF 划词翻译到 Better Notes、Better BibTeX、茉莉花和附件同步

这篇教程把 Zotero 官方文档、Zotero 中文社区、插件 GitHub 项目页和社区教程清洗成一条可执行路线:先搭好 Zotero 的基础文献管理,再配置 PDF 划词翻译,最后按使用场景选择常用插件。你不需要一口气装满插件,最稳的方式是先让“抓取-阅读-翻译-引用-同步”跑通,再逐步增强。 资料清洗说明 我优先采用官方资料:Zotero 下载页、快速入门、Word 插件...
Zotero 文献管理 工具 插件 翻译 学术

Obsidian + Copilot:把 AI 接进你的第二大脑完整教程

从社区插件安装、云端 API、本地 Ollama 到 Vault QA 和常见排错

这篇教程把 Obsidian Copilot 官方文档、插件页、GitHub README、Ollama/DeepSeek/OpenAI 文档和中文社区实战文章清洗成一条可执行路线:先装插件,再接模型,最后把聊天、笔记引用、Vault QA、自定义 Prompt 和排错流程串起来。 资料清洗说明 我优先采用官方资料:Obsidian 社区插件文档、Copilot 官方文档、Cop...
AI Obsidian Copilot 工具 知识管理

VS Code + Codex + SSH:macOS 和 Windows 远程开发完整教程

从 SSH 密钥、Remote-SSH 到 Codex CLI、IDE 扩展和 Codex App 远程连接

这篇教程把网上的官方文档和社区经验清洗成一条可执行路线:先把 SSH 打通,再用 VS Code Remote-SSH 进入远程项目,最后把 Codex 放到同一个远程环境里工作。macOS 和 Windows 的本机步骤会分开写,远程主机可以是 Linux、macOS、Windows Server、云服务器、实验室服务器或公司 devbox。 资料清洗说明 我优先采用官方资料:...
AI 开发 工具 VS Code Codex SSH