[特殊字符] 前端转全栈 3 个月・全套学习资源（直接点开）

一、基础工具（先装好）

• Node.js：https://nodejs.org/
• VS Code：https://code.visualstudio.com/
• MySQL 8.0：https://www.mysql.com/
• 数据库工具 DBeaver：https://dbeaver.io/
• 接口测试 Apifox：https://apifox.com/

第 1 个月：Node + Express + MySQL

1. Node + Express 全套（最强免费）

B 站直达：https://www.bilibili.com/video/BV1gs4y1D7vB

只看这几块：

• Node 基础
• 模块化
• Express
• 接口开发
• 跨域、参数、返回格式

2. MySQL 基础（通俗易懂）

https://www.bilibili.com/video/BV1xW411u7ax

只学：

• 建库、建表
• SELECT / INSERT / UPDATE / DELETE
• WHERE、LIMIT、ORDER BY

3. Node + MySQL 实战项目参考

GitHub：https://github.com/lybenson/node-express-mysql-api

第 2 个月：Nest.js 企业级后端（重点）

1. TypeScript 快速入门

https://www.bilibili.com/video/BV1py4y1o797

2. Nest.js 全套实战（最适合找工作）

https://www.bilibili.com/video/BV1Tz4y1F7KL

跟着学完：

• Controller / Service
• 连接 MySQL
• TypeORM
• JWT 登录、权限、守卫

3. Nest 后台模板（直接改）

https://github.com/kuanghx/nest-admin

第 3 个月：Vue3 + Element Plus 后台

1. Vue3 + Vite + setup 语法

https://www.bilibili.com/video/BV1Xh411S7bR

2. Vue3 + Element Plus 后台模板

GitHub（直接拿来做项目）：https://github.com/chuzhixin/vue-admin-beautiful

3. Axios + 封装请求

https://www.bilibili.com/video/BV1qa411z7f4

🔥 你最终要做的完整全栈项目（写进简历）

Vue3 + Nest.js 全栈后台管理系统

GitHub：https://github.com/honghuangdc/soybean-admin

https://github.com/stephenwu2021/nest-vue-admin

功能直接照着做：

• 登录、JWT
• 用户管理
• 角色管理
• 菜单管理
• 路由权限、按钮权限
• 表格、搜索、分页、导出
  
  

推荐项目

一、入门级（第 1 个月练手）

1. 简易用户管理系统

• 技术栈：Node.js + Express + MySQL + Vue3 + Element Plus
• 难度：⭐⭐
• 核心功能：
  • 登录 / 注册（JWT 简单鉴权）
  • 用户列表（分页、搜索、删除）
  • 新增 / 编辑用户表单
• 项目价值：快速打通「前端调后端接口」的全流程，掌握最核心的 CURD 和鉴权，是转全栈的「第一个里程碑」。
• 参考源码：https://github.com/lybenson/node-express-mysql-api（后端）https://github.com/pengkobe/vue3-crud-demo（前端）

2. 待办事项（TodoList）全栈版

• 技术栈：Node.js + Express + MongoDB + Vue3 + Pinia
• 难度：⭐⭐
• 核心功能：
  • 待办事项增删改查
  • 分类 / 标签 / 完成状态
  • 本地存储 + 接口同步
• 项目价值：轻量化项目，重点练「前后端数据同步」「状态管理」，适合新手快速上手，不用纠结复杂业务。
• 参考源码：https://github.com/honghuangdc/vue3-todo-fullstack

二、进阶级（第 2 个月强化）

3. 通用后台管理系统（核心项目）

• 技术栈：Nest.js + MySQL + TypeORM + Vue3 + Element Plus
• 难度：⭐⭐⭐
• 核心功能：
  • 完整权限体系（角色 / 菜单 / 按钮权限）
  • 用户 / 角色 / 部门管理
  • 数据表格（分页 / 筛选 / 导出）
  • 文件上传、富文本编辑
• 项目价值：企业级 B 端核心项目，覆盖全栈开发 90% 的高频场景，是简历的「核心亮点」，找 B 端 / 全栈工作必做。
• 参考源码：https://github.com/stephenwu2021/nest-vue-adminhttps://github.com/kuanghx/nest-admin

4. 博客系统全栈版

• 技术栈：Node.js + Nest.js + MySQL + Vue3 + Markdown
• 难度：⭐⭐⭐
• 核心功能：
  • 文章发布 / 编辑 / 删除（Markdown 解析）
  • 分类 / 标签 / 评论
  • 登录 / 作者权限
  • 文章搜索 / 分页
• 项目价值：业务逻辑比后台系统更灵活，能练「复杂数据关联」「Markdown 处理」「搜索优化」，补充简历多样性。
• 参考源码：https://github.com/markthree/nest-blog-api（后端）https://github.com/markthree/vue-blog-front（前端）

三、企业级（第 3 个月冲刺）

5. 低代码表单引擎（高薪方向）

• 技术栈：Nest.js + MySQL + Vue3 + Element Plus + JSON Schema
• 难度：⭐⭐⭐⭐
• 核心功能：
  • 可视化表单设计（拖拽生成表单）
  • 表单数据提交 / 回显
  • 表单模板保存 / 复用
  • 数据校验规则配置
• 项目价值：低代码是当前全栈的高薪方向，这个项目能体现你的「抽象能力」「可视化开发能力」，远超普通全栈求职者。
• 参考源码：https://github.com/GavinZhuLei/vue-form-making（前端）https://github.com/GavinZhuLei/nest-form-making（后端）

🌟 选项目的核心原则（适配前端转全栈）

1. 优先选 B 端项目：后台管理系统、权限系统等，稳定且企业需求大，符合你「求稳」的核心诉求；
2. 技术栈统一：全程用 Vue3 + Node.js 生态，不用切换语言，学习成本最低；
3. 从简到繁：先做用户管理 / TodoList，再做后台系统，最后挑战低代码，逐步建立信心。

总结

1. 入门练手选「简易用户管理系统 / TodoList」，快速打通全流程；
2. 简历核心项目选「通用后台管理系统」，覆盖企业级全栈高频场景；
3. 想拔高薪资选「低代码表单引擎」，瞄准 B 端高薪方向。

这些项目全部基于你学习路线中的技术栈（Vue3、Node.js、Nest.js），做完就能直接对接「稳定型全栈 / B 端开发」岗位，不用额外学新东西。