编程心智模型速成

这一章不教你写代码，只给你一副“看得懂”的眼镜。 读完它，后面章节里出现的文件、命令、接口、依赖这些词，都不再让你发懵。

你将学会

• 分清文件、目录、路径，知道代码存在哪；
• 用终端跑几条救命命令，明白 AI 为什么让你“执行一下”；
• 说清前端、后端、数据库各干什么；
• 看懂一次 API 请求长什么样；
• 明白运行时、依赖、环境变量、密钥是怎么回事。

前置知识

无。会开机、会打开浏览器就行。读完可以接着看常见编程语言与应用场景。

一、程序、文件与目录

程序就是写在文件里的一堆指令，电脑照着执行。所以“写代码”本质上是“编辑文件”。

• 文件：一段有名字的内容，比如 index.html、笔记.md。
• 目录（文件夹）：装文件的容器，目录里还能套目录。
• 路径：一个文件在目录树里的地址。
  • 绝对路径：从最顶层开始，如 C:\项目\index.html。
  • 相对路径：从“你现在所在的位置”开始，如 ./index.html。

新手最常见的坑：在错误的目录里执行命令。所以看报错时，第一条要确认的就是路径。

二、终端与命令

终端（Windows 上是命令提示符 / PowerShell，Mac 上叫“终端”）是一个靠打字操作的窗口。AI 让你“跑一条命令”，就是让你在这里粘贴执行。

三条救命命令，够用很久：

cd  <目录>      进入某个目录
dir / ls        看当前目录里有什么   （Windows: dir；Mac/Linux: ls）
node -v         看某个工具装没装、是什么版本

记住两点：

• 路径里有空格时要用引号包起来：cd "C:\我的 项目"；
• 先看清当前在哪个目录（命令提示符前面会显示），再决定敲什么。

三、前端、后端与数据库（人话版）

一个能联网的软件，大致分三层：

层	干什么	例子
前端	你看得见的部分：界面、按钮、动效	网页、小程序界面
后端	在服务器上处理逻辑：校验、计算、发通知	用户登录校验
数据库	存数据：账号、订单、文章	MySQL、PostgreSQL

一次操作的流程：

你点“登录” → 前端把账号密码发给后端 → 后端去数据库核对 → 告诉前端“成功/失败” → 前端显示结果

单机小项目常常省掉后端：数据直接存在浏览器里（localStorage），没有服务器也能跑——这正是入门项目的常见形态。

四、接口与 API

API（接口）是程序之间约定好的“服务窗口”。前端不直接碰数据库，而是通过 API 向 后端要数据。

一次 HTTP 请求，看懂这五个要素就够：

要素	含义	例子
URL	找谁	https://api.xxx.com/login
方法	干什么	GET 取数据、POST 提交数据
请求体	带什么参数	{ "user": "a", "pwd": "***" }
响应	返回什么	{ "ok": true }
状态码	结果分类	200 成功、404 找不到、500 服务器出错

在浏览器按 F12 → Network（网络）面板，就能看到每一次请求。这是排查前端问题的第一现场。

五、运行时、依赖与环境

• 运行时：让代码跑起来的程序。JavaScript 靠 Node.js 跑，Python 靠 Python 解释器跑——所以 AI 常让你“先装 Node.js”。
• 依赖：项目用到的、别人写好的代码包。用 npm install 之类命令一次装齐，装在 node_modules/ 目录里。
• 环境：你的电脑上装了什么、都是什么版本。遇到“在我这能跑”的问题，多半是环境不一致。

六、环境变量与密钥

环境变量是运行时读进去的配置，比如数据库地址、端口、密钥。

铁律三条：

1. 密钥只写在 .env 文件或平台的环境变量里，绝不写进代码；
2. .env 要加进 .gitignore，不提交；
3. 一旦泄露，立刻去平台后台作废并重新生成——改代码没用，历史记录里还留着。

动手练习

1. 打开终端，用 cd 进入桌面，用 dir（或 ls）看看有什么。
2. 新建一个文件夹 练习，在里面建一个 hello.txt，随便写一句话。
3. 打开浏览器访问任意网站，按 F12 → Network，刷新，观察一次请求的 URL 和状态码。

检查点

• 能用一句话解释“前端 / 后端 / 数据库”的分工；
• 能读懂一条报错里的文件路径，并判断自己是不是在错误的目录里执行命令；
• 能说出为什么密钥不能写进代码。

常见问题

Q：终端命令记不住怎么办？ 先记住 cd 和 dir/ls 两条；其他命令现用现搜，或直接问 AI——但要看懂它给的命令再执行。

Q：一定要学后端和数据库吗？ 第一个项目不用。入门项目用 localStorage 就能跑；需要多设备、多人共享数据时，才上后端和数据库。

小结与下一步

你现在有了“看得懂”的基础。接下来：常见编程语言与应用场景 帮你选第一门语言，Vibe Coding 入门教程 带你开始动手。遇到看不懂的词，随时查术语表。