📚 全栈开发学习系列
01 路线总览与环境搭建（当前篇）
02 Python 语法基础：变量、类型与流程控制
03 Python 进阶：文件操作、模块与异常处理
04 C 语言与内存：指针、分配与释放
05 数据结构与算法：链表、栈与队列
06 Git 版本控制：分支、合并与冲突解决
07 Linux 命令行：文件、权限与进程管理
……后续阶段持续更新
全栈开发学习路线图：四设备协作与环境搭建
从零到全栈，用四台设备覆盖 Web、App、小程序、桌面全平台开发
入门篇
环境配置
阶段一
读完本篇你将能：看懂全栈开发五个阶段的学习路径与时间规划，明确 macOS / Termux / 树莓派 / 云服务器四台设备各自的职责，在三台设备上完成编程环境配置，写出第一份 Vim 配置文件，并跑通 Git 多设备代码同步工作流。
📑 本文目录
01全栈开发学习全景图
02四设备分工策略
03技术栈选择与核心原则
04阶段一环境配置实战
05Vim 基础配置与核心操作
06Git 多设备同步工作流
07动手练习
01 全栈开发学习全景图
全栈开发不是学一门语言，而是建立一套从底层到前端的完整技术体系。这份路线图将学习过程拆分为五个阶段，每个阶段都有明确的主攻方向和产出目标。
五个阶段一览
| 阶段 |
名称 |
核心内容 |
业余时长 |
| 阶段一 |
编程基础 |
Python、C、Git、Linux、Vim |
3-4 月 |
| 阶段二 |
Web 全栈 |
HTML/CSS/JS、FastAPI、SQL、认证 |
4-5 月 |
| 阶段三 |
前端深化 |
React、TypeScript、Next.js、Tailwind |
3-4 月 |
| 阶段四 |
跨平台 App |
Flutter/Dart、Android/iOS 构建 |
4-5 月 |
| 阶段五 |
扩展与部署 |
Uni-app、Tauri、Docker、Nginx、CI/CD |
3-4 月 |
时间规划
全职投入约 1.5-2 年，业余学习约 2-2.5 年达到全栈能力。关键不是快，而是每一步都扎实——每个阶段必须有可运行的项目产出。
| 阶段 |
全职 |
业余 |
累计（业余） |
| 基础 |
2-3 月 |
3-4 月 |
第 4 月 |
| Web 全栈 |
3-4 月 |
4-5 月 |
第 9 月 |
| 前端深化 |
2-3 月 |
3-4 月 |
第 13 月 |
| 跨平台 App |
3-4 月 |
4-5 月 |
第 18 月 |
| 扩展部署 |
2-3 月 |
3-4 月 |
第 22 月 |
最终平台覆盖能力
学完全部五个阶段后，你将能独立开发并上线以下平台的应用：
后端 API
Python FastAPI / Go Gin
02 四设备分工策略
这条路线的核心特色是用四台设备协作学习。每台设备扮演不同角色，让你在任何场景下都能写代码——通勤时掏出手机练手，回到家用树莓派跑后端，主力开发靠 macOS，项目上线交给云服务器。
设备角色定位
| 设备 |
角色 |
推荐配置 |
| macOS |
主力开发机 |
16GB 内存 / 256GB 存储 |
| Termux |
随身练习机 |
6GB+ 内存 / 128GB 存储 |
| 树莓派 |
本地服务器 |
8GB 版本 + SSD |
| 云服务器 |
生产环境 |
2核 4GB + 40GB SSD |
各阶段设备参与度
不是每台设备在每个阶段都参与。理解设备能力边界，才能合理安排学习任务。
| 设备 |
阶段一 |
阶段二 |
阶段三 |
阶段四 |
阶段五 |
| macOS |
主力 |
主力 |
主力 |
唯一 |
主力 |
| Termux |
随身 |
能写 |
能写 |
— |
— |
| 树莓派 |
练习 |
后端 |
能写 |
APK |
Docker |
| 云服务器 |
— |
部署 |
— |
— |
生产 |
✅
绿色 = 可完整参与该阶段任务
⚠️
黄色 = 能写代码但构建速度慢，有功能限制
—
灰色 = 该阶段不需要此设备参与
💡 关键认知
阶段四（跨平台 App）只有 macOS 能完成全流程——iOS 编译签名是 Apple 硬性限制。Termux 在此阶段完全无法参与。提前规划好设备能力，避免在错误的设备上浪费时间。
03 技术栈选择与核心原则
全栈开发的"全"不是什么都学，而是在每个领域选一条主线，吃透它。以下是这条路线的技术栈选择和必须遵守的学习原则。
技术栈总览
| 定位 |
技术 |
说明 |
| 后端主线 |
Python (FastAPI) |
二选一，精通一个 |
| 前端主线 |
React + TypeScript |
必学 |
| App 框架 |
Flutter (Dart) |
一套代码覆盖 Android + iOS |
| 小程序 |
Uni-app |
Vue 语法，中文生态 |
| 桌面应用 |
Tauri (Rust + Web) |
轻量，可选 |
| 数据库 |
PostgreSQL + Redis |
关系型 + 缓存 |
| 编辑器 |
Vim |
主力，配合官方调试工具 |
七条学习铁律
1
一门语言吃透再开下一门——不要并行学多种语言
2
每个阶段必须有项目产出——不做项目等于没学
3
后端选 Python 或 Go——不要两个都学，精通一个
4
测试和认证必须学——不是可选项
5
每个项目提交到 GitHub——形成作品集
6
Vim 写代码 + 官方工具调试——Vim 负责 80% 编码
7
Rust/Go 作为可选扩展——全栈不强制需要
04 阶段一环境配置实战
现在开始动手。阶段一需要在三台设备上配置编程环境：macOS（主力）、Termux（随身）、树莓派（Linux 练习）。云服务器在此阶段不需要参与。
macOS 配置
macOS 自带 Python 3 和 Git，只需确认版本并安装 Vim。
macOS Terminal
# 检查自带工具版本
python3 --version
# 输出示例: Python 3.12.x
git --version
# 输出示例: git version 2.46.x
vim --version | head -1
# 如果没有 vim，用 Homebrew 安装
brew install vim
Termux 配置
Termux 是 Android 上的终端模拟器，从 F-Droid 或 Google Play 安装。打开后执行一条命令即可装齐所有工具。
Termux
# 先更新软件包列表
pkg update && pkg upgrade -y
# 一次性安装阶段一全部工具
pkg install python clang git vim -y
# 验证安装
python --version && clang --version
⚠️ 常见错误
pkg install python3 — Termux 中 Python 3 的包名就是 python，不是 python3
✓ 正确：pkg install python
💡 小贴士
Termux 内存小于 4GB 时，编译 C 大项目会卡顿。日常练习小文件没问题，大项目交给 macOS 处理。可以在 Termux 中安装 openssh 远程连接树莓派或云服务器来跑重任务。
树莓派配置
树莓派运行 Raspberry Pi OS（基于 Debian），用 apt 包管理器安装。推荐 8GB 版本配 SSD，4GB 版本也能跑基础练习。
Raspberry Pi OS
# 更新系统
sudo apt update && sudo apt upgrade -y
# 安装开发工具链
sudo apt install python3 gcc git vim -y
# 验证 gcc（C 编译器）
gcc --version
# 输出示例: gcc (Debian 12.2.x) 12.2.0
验证：三设备跑通 Hello World
在三台设备上分别执行以下 Python 代码，确认环境就绪：
Python
# 三台设备都执行这个命令
python3 -c 'print("Hello from 全栈之旅!")'
# 预期输出:
Hello from 全栈之旅!
三台设备都看到上面的输出，说明环境配置成功。如果某台设备报错，回看上面的安装命令排查。
05 Vim 基础配置与核心操作
Vim 是这条路线的主力编辑器，所有设备通用。阶段一只需要基础配置和核心操作，不需要插件。先把基础打牢，后期再按需添加 coc.nvim 等补全插件。
创建 .vimrc 配置文件
在每台设备的用户主目录下创建 ~/.vimrc 文件，写入以下配置。这段配置让 Vim 显示行号、用空格替代 Tab、开启语法高亮——写代码的基本保障。
~/.vimrc
|
1
2
3
4
5
6
|
" ~/.vimrc 全栈开发基础配置
set number
set tabstop=4
set shiftwidth=4
set expandtab
set autoindent
syntax on
|
•
set number — 显示行号，定位错误信息必备
•
tabstop=4 + expandtab — Tab 键插入 4 个空格而非制表符，避免跨设备缩进不一致
•
syntax on — 语法高亮，代码可读性提升明显
Vim 核心操作速查
阶段一需要掌握的 Vim 操作分四类：移动、编辑、搜索、保存退出。先记住这些，足以应付日常编码。
| 操作类型 |
按键 |
功能 |
| 移动 |
h j k l |
左 下 上 右移动光标 |
gg |
跳到文件首行 |
G |
跳到文件末行 |
:行号 |
跳到指定行，如 :42 跳到第 42 行 |
| 编辑 |
i |
在光标前进入插入模式 |
o |
在下方新开一行并进入插入模式 |
Esc |
退出插入模式回到普通模式 |
| 搜索 |
/关键词 |
向下搜索，按 n 跳到下一个匹配 |
:s/旧/新/g |
替换当前行所有"旧"为"新" |
| 保存退出 |
:w |
保存不退出 |
:wq |
保存并退出 |
💡 小贴士
Vim 的核心思路是「普通模式指挥，插入模式打字」。大部分时间应该停在普通模式，需要输入时按 i/o 进入插入模式，打完按 Esc 回去。如果卡住了，连按两次 Esc 再输入 :q! 强制退出不保存。
06 Git 多设备同步工作流
四设备协作的核心是 Git 同步。macOS 写主代码 push 到 GitHub，树莓派和 Termux pull 下来继续。这个工作流贯穿全部五个阶段，现在就把它跑通。
首次配置 Git
每台设备首次使用 Git 都需要设置用户名和邮箱（只需一次）。在三台设备上分别执行：
Shell（三设备通用）
git config --global user.name "你的名字"
git config --global user.email "你的邮箱@example.com"
# 验证配置
git config --list
创建第一个同步项目
在 macOS 上创建项目并推送到 GitHub，然后在树莓派上拉取。这模拟了真实的多设备开发流程。
macOS → GitHub → 树莓派
|
1
2
3
4
5
6
7
8
9
10
11
|
# === macOS 端：创建项目并推送 ===
mkdir fullstack-journey && cd fullstack-journey
git init
echo '# 全栈开发练习项目' > README.md
git add .
git commit -m 'init: 项目初始化'
# 在 GitHub 创建仓库后添加远程地址
git remote add origin git@github.com:用户名/fullstack-journey.git
git push -u origin main
# === 树莓派端：拉取项目 ===
git clone git@github.com:用户名/fullstack-journey.git
cd fullstack-journey
|
日常同步循环
项目跑通后，日常开发就是三个命令的循环。每次在任何设备上开始写代码前先 pull，写完后 add + commit + push。
开始写代码
git pull
→
Vim 编辑
写代码
→
提交推送
add + commit + push
→
换设备
git pull 继续
日常同步命令
# 写代码前：拉取最新代码
git pull origin main
# 写完后：提交并推送
git add .
git commit -m 'feat: 添加了XX功能'
git push origin main
⚠️ 常见错误
直接在新设备上写代码再 push — 没有先 pull 就 push，远程有新提交时会报 `! [rejected]` 错误
✓ 正确：每次开始写代码前先执行 git pull origin main，确保本地代码是最新的
07 动手练习
光看不练等于没学。以下三个练习从易到难，请在真实设备上完成。
🟢 基础验证
在 macOS 上用 Vim 创建 ~/.vimrc 文件，写入本篇的 6 行配置，然后用 Vim 打开任意 .py 文件确认行号和语法高亮正常显示。
参考步骤：
1. 输入 vim ~/.vimrc 打开文件
2. 按 i 进入插入模式，输入 6 行配置
3. 按 Esc 退出插入模式
4. 输入 :wq 保存退出
🟡 组合应用
在 macOS 上创建 Git 仓库并推送，然后在树莓派（或 Termux）上 clone 下来。在树莓派上用 Vim 创建一个 hello.py 文件写入 print("Hello from 设备名")，提交并 push，最后在 macOS 上 pull 验证文件同步成功。
验证标准：macOS 上 cat hello.py 能看到树莓派上写的内容，且 git log 显示来自树莓派的提交记录。
🔴 开放挑战
设计一个多设备协作场景：macOS 写 Python 脚本 → push → 树莓派 pull 后运行 → 在 Termux 上 pull 修改一个参数再 push → macOS pull 看到更新。要求：用 Vim 完成所有编辑，用 Git 完成所有同步，记录每一步的命令和输出。提示：可以写一个简单的 Python 脚本，在不同设备上修改其中的一个变量值，观察 Git 历史的变化。
📖 知识回顾
五阶段路线
四设备分工
技术栈选择
Termux 环境配置
Vim 基础操作
.vimrc 配置
Git 同步工作流
GitHub 仓库创建
下篇预告
02 Python 语法基础：变量、类型与流程控制
环境搭建完成后，正式进入编程。下一篇将从 Python 变量与数据类型开始，逐步掌握条件判断、循环结构和函数定义，写出第一个命令行工具。