按前端日常使用频率从高到低排列，左列是使用场景，右列是对应命令。
| 场景 | 命令 |
|---|
| 进入项目目录 | cd ~/projects/my-app |
| 返回上一级目录 | cd .. |
| 查看当前目录文件（含隐藏文件） | ls -la |
| 确认当前所在路径 | pwd |
| 删除依赖重装（谨慎） | rm -rf node_modules |
| 查看谁占用了 3000 端口 | lsof -i :3000 |
| 结束卡死的开发服务器 | kill -9 <PID> |
| 查找 Node 进程 | ps aux | grep node |
| 实时查看日志输出 | tail -f server.log |
| 查看文件内容 | cat package.json |
| 在项目里搜索代码 | grep -r "export const" src/ |
| 按文件名查找文件 | find . -name "*.tsx" |
| 复制环境配置文件 | cp .env.example .env |
| 移动或重命名文件 | mv old.js new.js |
| 创建目录 | mkdir src/components |
| 在 Finder 中打开当前目录 | open . |
| 测试本地接口 | curl localhost:3000/api/health |
| 给脚本添加执行权限 | chmod +x deploy.sh |
| 查看某个目录占用空间 | du -sh node_modules |
| 查看磁盘剩余空间 | df -h |
| 设置命令别名 | alias gp="git pull" |
| 查找忘记的历史命令 | history | grep npm |
| 用管道组合命令 | npm run build || echo "构建失败" |
| 术语 | 通俗解释 | 前端开发中的用途 |
|---|
| Shell | 操作系统的"命令行界面" | 在终端里输入命令的地方 |
| Terminal（终端） | 运行Shell的窗口程序 | 就是那个黑框/白框窗口 |
| ~/.zshrc | 个人化的命令设置文件 | 用来存你的快捷命令（别名） |
| PATH | 系统找程序的"地址本" | 告诉系统去哪找npm、node等程序 |
| 环境变量 | 系统运行的"全局设置" | 比如设置NODE_ENV=production |
根目录 / | 电脑的"最顶层文件夹" | 系统核心文件所在地 |
当前目录 . | "我现在在哪里" | 终端当前所在的文件夹 |
父目录 .. | "上一级文件夹" | cd .. 返回上级 |
| 术语 | 通俗解释 | 例子 |
|---|
| ls | "看看这里有什么文件" | ls 列出文件 |
| cd | "换个地方" | cd project 进入project文件夹 |
| mkdir | "新建文件夹" | mkdir src 创建src文件夹 |
| rm | "删除" | rm file.txt 删除文件（小心用） |
| cp | "复制" | cp a.js b.js 复制文件 |
| mv | "移动/改名" | mv old.js new.js 重命名 |
| pwd | "我现在在哪" | 显示当前完整路径 |
| cat | "看看文件内容" | cat index.html 显示文件内容 |
| grep | "在文件里搜索文字" | grep "function" app.js 找function |
| 术语 | 通俗解释 | 实际意义 |
|---|
| npm | JavaScript的"应用商店" | 安装别人写好的代码包 |
| package.json | 项目的"说明书" | 记录项目信息、依赖包 |
| node_modules | "下载的包存放处" | npm安装的包都放这里 |
| localhost | "我的电脑自己" | localhost:3000 访问本地服务 |
| 端口 | 程序的"门牌号" | 3000是开发服务器，3306是数据库 |
评论