终端命令行Terminal

后端入门

用文字命令让电脑执行具体操作

终端中的命令总是在当前目录执行，所以先确认位置，再逐条运行并观察输出。不要因为命令来自 AI 就整段照贴；删除文件、修改权限或上传数据前，要先理解目标和影响。

zsh — my-first-page

$ npm run dev > my-first-page@0.1.0 dev ✓ Ready in 1.2s → Local: http://localhost:3000 浏览器打开这个地址，就能看见你的页面

什么时候用

运行命令前先用 pwd / ls 确认项目目录，再逐条执行
$ npm run dev✓ Ready in 1.2s→ http://localhost:3000
cd 进入目录、ls 查看内容：先知道自己站在哪里
$ ls 看屋里有啥index.html my-first-page$ cd my-first-page 进门
报错往上翻：找到第一行 error，贴给 AI 就能修
▲ 编译失败Error: Cannot find module 'react'at build (build.js:12)
安装依赖、启动项目和运行构建等开发任务
$ npm installadded 42 packages in 6s$ npm run build✓ built in 3.2s

什么时候不用

满屏红字一出就关窗口重来：错误信息正是修 Bug 的线索
Error: …Error: …（满屏红字）
✕
命令不看路径照抄：在错误的目录里执行，怎么跑都不对
~/Desktop $ npm run devnpm error: no package.json
一口气粘贴一大串命令：中间一步报错，后面全乱套
一口气贴了 5 条命令…npm installError: 网络超时后面 4 条全跟着乱套
报错就在前面乱加 sudo：权限开到最大，删错东西没得救
$ sudo rm -rf …权限开到最大

组成结构 · Anatomy

$ npm run dev ✓ Ready in 1.2s → http://localhost:3000

1提示符Prompt$ 或 % 开头，前面的路径告诉你现在站在哪个目录

2命令Command第一个词，要电脑干什么：npm、cd、ls、git

3参数Arguments命令后面的补充说明：run dev 跑哪个脚本

4输出Output电脑的回话；绿色是好消息，红色往上找第一行 error

常见变体 · Variants

cd / ls 翻目录cd & ls

cd my-first-page ls

进项目文件夹、看里面有啥

npm run 跑脚本npm run

npm run dev

启动、构建都靠它

Ctrl + C 中止Ctrl+C

Ctrl + C

命令卡住或想停服务

clear 清屏clear

clear

屏幕太乱，一键清空

典型使用场景

npm run dev 启动项目

zsh — my-first-page

$ npm run dev > my-first-page@0.1.0 dev > vite ✓ Ready in 1.2s → Local: http://localhost:3000 这个窗口别关，关了你的页面就停了

报错红字别慌，往上翻

zsh — my-first-page

Failed to compile Error: Cannot find module 'react' at build (vite.config.js:12) at processTicksAndRejections (node:internal) ↑ 下面一堆 at 都是线索，第一行 error 才是病根

cd / ls 翻目录

zsh

~/Desktop $ ls Documents Downloads my-first-page ~/Desktop $ cd my-first-page ~/Desktop/my-first-page $ ls index.html package.json README.md

Ctrl+C 停掉服务

zsh — my-first-page

✓ Ready — http://localhost:3000 ^C ~/Desktop/my-first-page $ 服务已停，提示符回来了 Ctrl + C：停掉正在跑的命令，随时可用