教程

这一区放动手向的文章。每一步都写出来了，照着做就能跑起来。 写之前站长都先跑一遍，跑不通的会注明坑在哪。共 40 篇。

名人堂

编辑私心推荐，闭眼跟着做不会错：

文章	一句话理由
Git 团队协作指南	把「怎么一起写代码」讲透，新人第一读
用 VuePress + Plume 搭博客	本站同款，照做能起来
Chrome DevTools 调试技巧	六大面板 + 断点，效率翻倍

最火文章

• 🔥 前端开发环境搭建 —— 新手第一步，装对省三天
• 🔥 npm 与 package.json —— 依赖管理的说明书
• 🔥 Docker 快速上手 —— 容器化入门，一次搞懂

推荐文章

• 【教程】Git 快速上手 —— 半小时过一遍提交与分支
• 【教程】ES6+ 语法速成 —— 每天必用的现代语法
• 【教程】Vue 3 快速上手 —— 模板、响应式、组件半天入门
• 【教程】Linux 服务器基本操作 —— SSH、防火墙、crontab

全部文章

Git 与协作

文章	内容
Git 快速上手	安装、提交、分支、远程仓库，半小时过一遍
Git 团队协作指南	分支模型、PR 流程、Review 礼仪
GitHub 协作实操	Fork、Clone、PR 全流程，附本站投稿步骤

语言基础

文章	内容
ES6+ 语法速成	解构、展开、箭头函数、可选链，每天必用
JS 数组方法实战	map/filter/reduce 三件套，真实场景
异步编程实战	Promise、async/await、并发与错误处理
DOM 操作与事件委托	查元素、改内容、事件委托，原生 JS 基本功
TypeScript 入门	类型注解、接口、泛型，不搞类型体操

框架

文章	内容
Vue 3 快速上手	模板、响应式、组件，半天入门
React 快速上手	JSX、useState/useEffect、一个 Todo

CSS

文章	内容
CSS Flex 与 Grid 布局指南	一维二维布局全覆盖
CSS 选择器与优先级	从基础到 :has()，附优先级计算
CSS 布局模式速查	八种高频布局，复制就能用
CSS 定位完全指南（在新窗口打开）	五种定位的行为、场景与坑

前后端数据

文章	内容
前端发请求：fetch 与 axios	请求层封装、拦截器、错误处理
表单验证实战	原生验证、JS 规则、提交策略三层
RESTful API 设计入门	资源建模、状态码、错误格式
SQL 十分钟入门	增删改查 + JOIN + 参数化查询
MySQL 基础操作	建库建表、CRUD、导入导出

运维部署

文章	内容
Docker 快速上手	镜像、容器、Dockerfile、compose
Nginx 部署静态站点	缓存、Gzip、HTTPS，发上线
Nginx 反向代理入门	前后端分离的标准姿势
Linux 服务器基本操作	SSH、systemd、防火墙、crontab
域名购买与 DNS 配置	买域名到解析到 Pages 全流程
免费部署方案对比	Pages、Netlify、Vercel、Cloudflare

工程化与工具

文章	内容
前端开发环境搭建	Node、pnpm、VS Code、终端配置
npm 与 package.json	依赖分类、版本范围、lock 文件
Shell 脚本入门	变量、条件、循环加五个实用脚本
VS Code 高效技巧	快捷键、多光标、命令面板
Chrome DevTools 调试技巧	六大面板 + 断点调试
手机真机调试	设备模拟、USB 调试、移动端专坑
Windows WSL 开发环境	WSL2、Node、文件互访、VS Code 联动
Redis 常用命令速查	按场景组织的命令清单
环境变量与配置管理	.env 文件、多环境配置、密钥安全
程序调试方法论	从瞎猜到定位的系统方法

建站

文章	内容
用 VuePress + Plume 搭博客	从零到部署，本站就是这么搭的
HTTPS：certbot 实操	免费证书、自动续期、故障排查
Markdown 表格与 Mermaid	表格排版 + 代码画图
HTML 语义化	让机器读懂你的页面
响应式网页设计	视口、流式布局、移动端适配

阅读建议

教程这玩意，看十遍不如动手一遍。边看边开终端， 遇到报错先自己读一遍错误信息 —— 大部分报错说得很直白， 只是我们习惯性视而不见。

下一页前端发请求：fetch 与 axios