7天极简全栈学习路线

好，直接给你一套**7天极简全栈学习路线**。
目标：**只学 JS/TS + Node + Vue 三件套，学习成本最低，7 天能做出完整前后端项目**。
全程不搞花里胡哨，只学**必须会的**。

---

# 7天全栈极简学习计划（成本最优版）
## 总原则
- 每天 1～2 小时足够
- 只学**能立刻写出东西**的知识点
- 不钻语法牛角尖，先跑起来再说

---

# Day 1：JavaScript 核心（只学这 10 个）
今天目标：看懂、能写基础逻辑，不用精通。

必学内容：
1. 变量：`let` / `const`
2. 数据类型：字符串、数字、布尔、数组、对象
3. 条件：`if else`
4. 循环：`for` / `forEach`
5. 函数：`function` / 箭头函数
6. 对象操作：`user.name`、`user.age`
7. 数组常用：`push`、`filter`、`map`
8. 简单异步：`setTimeout`
9. JSON 格式
10. 控制台打印调试

**今天任务**
随便写几个小例子：
- 遍历数组
- 写一个函数计算总和
- 造一个用户对象

---

# Day 2：前端基础（HTML + CSS 极简版）
不用学深，够用就行。

必学：
- HTML 常用标签：`div` `p` `button` `input` `form` `ul` `li`
- CSS 基础：
  - 宽高、颜色、居中
  - flex 布局（只学这个就够）
- 用 JS 操作 DOM：
  - 获取元素 `document.querySelector`
  - 点击事件 `onclick`
  - 修改内容 `innerHTML`

**今天任务**
做一个简单页面：
- 输入框 + 按钮
- 点击后弹出内容

---

# Day 3：Node.js 入门（后端第一步）
目标：用 JS 写后端接口。

必学：
1. 安装 Node
2. 执行 `node xxx.js`
3. 内置模块：`fs`（文件）、`path`
4. 用 `express` 快速搭服务器
5. 写接口：`GET` / `POST`
6. 接收参数：`req.query` / `req.body`

**今天任务**
写出第一个接口：
- `GET /api/hello` 返回 `{ msg: 'hello' }`
- `POST /api/login` 接收账号密码并返回结果

---

# Day 4：连接数据库（最简单：MySQL 或 SQLite）
目标：后端能存数据、读数据。

必学：
1. 安装数据库可视化工具（Navicat / DBeaver）
2. 建一张用户表 `id, username, password`
3. Node 连接数据库（用 `mysql2` 库）
4. 会写 4 种操作：
   - 查：`select * from user`
   - 增：`insert`
   - 改：`update`
   - 删：`delete`

**今天任务**
完成：
- 注册接口（写入数据库）
- 登录接口（查询数据库）

---

# Day 5：Vue 快速上手（现代前端最简框架）
目标：不用写原生 DOM，用框架做页面。

必学：
1. Vue 3 基础（用 CDN 或 Vite 都行）
2. 模板语法：`{{ msg }}`、`v-if`、`v-for`
3. 事件：`@click`
4. 双向绑定：`v-model`
5. 发送请求：`axios` 调用后端接口

**今天任务**
做一个 Vue 页面：
- 登录表单
- 点击登录 → 调用 Node 接口 → 跳转到首页

---

# Day 6：前后端联调 + 完整小项目
把前 5 天内容拼起来。

做一个最小可用全栈项目：
- 前端 Vue 页面
- 后端 Node + Express 接口
- 数据库 MySQL 存数据

功能至少包含：
1. 注册
2. 登录
3. 展示列表
4. 添加一条数据

**今天任务**
跑通整个流程：
页面 → 接口 → 数据库 → 页面

---

# Day 7：打包部署 + 扩展方向
今天不新知识，只做收尾。

内容：
1. 前端 build 打包
2. 后端 pm2 守护运行
3. 了解可以做什么：
   - 管理系统
   - 小程序后端
   - 个人博客
   - 小工具网站

---

# 这套路线为什么是「学习成本最优」？
1. **全程只一种语言语法：JS**
2. 前后端工具链几乎一样
3. 资料最多、报错最好搜
4. 能做：网站、后台、小程序、小工具、桌面端
5. 找工作、接私活都通用

---

如果你告诉我：
- 你有没有一点编程基础
- 想用在：工作 / 接私活 / 自己做工具
我可以再给你**精简到更短版本**，甚至直接给你一套**可直接复制运行的全栈模板**，你改改就能用。