​ 你翻技术文章三篇里有两篇会蹦出一行长这样的东西npx typeui.sh pull enterprise​ 然后作者轻描淡写一句运行以下命令即可就没了。​ 你盯着这行字想这东西往哪儿输在哪个软件里运行为什么技术文章默认所有人都会这个​ 如果你有这种困惑这篇文章就是写给你的。一、CLI 是什么用打字代替点鼠标​ CLI全称Command Line Interface命令行界面。​ 你日常操作电脑用的是GUIGraphical User Interface图形界面窗口、图标、按钮、菜单鼠标点点点就行。​ CLI 是另一种操作方式没有窗口、没有按钮只有一个文本框你输入一行命令电脑执行一个动作。举个例子。你想在桌面上新建一个叫项目的文件夹GUI 操作CLI 操作右键桌面 → 新建 → 文件夹 → 输入名字 → 回车mkdir 项目5 次鼠标操作1 行命令​ 两种方式的结果完全一样桌面上多了一个项目文件夹。区别只在于交互方式一个用鼠标点一个用键盘打。​ GUI 和 CLI 不是高级 vs 低级的关系只是两种不同的交互方式。GUI 直观友好CLI 快速精准。就像你去餐厅可以看菜单图片点菜GUI也可以直接报菜名CLI结果一样方式不同。二、那个黑窗口在哪​ CLI 的操作界面叫终端Terminal每个操作系统都自带一个不需要额外安装。2.1 Windows​ 你有三个选择终端怎么打开说明Windows Terminal开始菜单搜索TerminalWindows 11 自带推荐使用PowerShell开始菜单搜索PowerShellWindows 10/11 都有CMD开始菜单搜索cmd最老的那个功能有限但够用​ 最快的打开方式按Win R输入cmd回车。2.2 Mac​ 打开Terminal终端方式一Command 空格输入Terminal回车方式二访达 → 应用程序 → 实用工具 → 终端2.3 Linux​ 打开Terminal终端方式一快捷键Ctrl Alt T大多数发行版通用方式二在应用菜单里搜索Terminal或终端方式三Ubuntu点击屏幕左下角显示应用程序 → 搜索Terminal打开之后你会看到一个窗口里面有一行文字末尾闪烁着一个光标。2.4 提示符的含义​ 提示符告诉你两件事你是谁和你现在在哪个文件夹。光标闪烁的地方就是你输入命令的地方。​ 三个系统的终端长得不一样但工作方式完全相同看到提示符 → 输入命令 → 按回车 → 看结果。学会一个其他的都会了。三、先学会 5 个命令够用了​ CLI 的命令有成百上千个但日常只需要记住 5 个。我们用文件管理器的类比来理解它们3.1pwd— 我现在在哪pwd​ 输出/Users/你的用户名/Desktop​ 相当于看文件管理器顶部的地址栏。pwd是Print Working Directory的缩写——“打印当前工作目录”。Windows CMD 里对应的命令是cd不带参数PowerShell 里pwd也能用。3.2ls— 这里面有什么ls输出Documents Downloads Pictures 项目相当于打开一个文件夹看看里面有哪些文件和子文件夹。ls是List的缩写。Windows CMD 里对应的命令是dir。3.3cd— 我要去别的文件夹cdDocuments​ 相当于双击Documents文件夹进去。cd是Change Directory的缩写。​ 几个常用的特殊写法cd..# 返回上一级相当于点返回按钮cd~# 回到用户主目录相当于回到家cd/# 回到根目录相当于回到此电脑最顶层3.4mkdir— 新建文件夹mkdir我的项目相当于右键 → 新建文件夹 → 输入名字。mkdir是Make Directory的缩写。3.5cat— 看看文件内容catreadme.txt​ 相当于双击打开一个文本文件把内容显示在屏幕上。​ 把这 5 个串起来一个完整的操作流程pwd# 看看我在哪ls# 看看这里有什么cdDocuments# 进入 Documents 文件夹mkdir我的项目# 在这里新建一个文件夹cd我的项目# 进入新文件夹ls# 看看里面有什么空的​ 翻译成 GUI 操作就是看一眼桌面 → 打开文档 → 新建文件夹 → 双击进去。完全一样的事情只是换了一种方式。​ 这 5 个命令覆盖了 80% 的日常操作。你不需要一次性学几十个命令先把这 5 个用熟其他的遇到再查。四、读懂技术文章里的命令​ 学会了基础命令回到最初的问题技术文章里那些命令到底在说什么4.1 解剖一条典型命令npx typeui.sh pull enterprise​ 拆开看部分含义npxNode.js 的工具用来运行 npm 包里的命令。你可以理解为帮我临时下载并运行一个工具typeui.sh要运行的工具名称pull这个工具提供的子命令表示拉取/下载enterprise参数指定要拉取的具体内容​ 翻译成大白话用 npx 临时运行 typeui.sh 这个工具执行它的 pull 功能下载 enterprise 这个设计风格。4.2 常见的命令模式​ 技术文章里的命令虽然千变万化但结构都遵循同一个模式工具名 动作 参数 [选项]​ 几个例子gitclone https://github.com/xxx/yyy# 工具:git 动作:clone(克隆) 参数:仓库地址npminstallexpress# 工具:npm 动作:install(安装) 参数:express(包名)dockerrun-p3000:3000 myapp# 工具:docker 动作:run(运行) 参数:myapp(镜像名) 选项:-p 3000:3000(端口映射)​ 看到--或-开头的部分那是选项flag用来调整命令的行为ls-l# -l 表示用列表格式显示详细信息npminstall-g# -g 表示全局安装gitcommit-m修复bug# -m 表示附带一条消息4.3 那些前置条件​ 技术文章经常假设你已经装好了某些工具。常见的前置依赖文章里写的你需要先安装去哪下载npx xxx/npm installNode.jsnodejs.orgpip installPythonpython.orggit cloneGitgit-scm.comdocker runDockerdocker.com​如果运行命令报错command not found99% 的原因是你没装对应的工具。先装工具再跑命令。​ 下次在技术文章里看到一条陌生命令先别慌。按工具 → 动作 → 参数的模式拆一下基本就能猜出它在干什么。猜不出来也没关系命令名本身就是英文单词的缩写pull就是拉取install就是安装clone就是克隆。五、动手试试一个 5 分钟的练习5.1 Try it​ 光看不练假把式。打开你的终端跟着做一遍# 第一步看看你在哪pwd# 第二步看看这里有什么ls# 第三步新建一个练习文件夹mkdircli-practice# 第四步进去cdcli-practice# 第五步确认你进来了pwd# 第六步创建一个文件Mac/Linuxecho我学会 CLI 了hello.txt# Windows PowerShell 版本# 我学会 CLI 了 | Out-File hello.txt# 第七步看看文件内容cathello.txt# 第八步退回上一级cd..# 第九步确认退回来了pwd​ 如果你成功看到了我学会 CLI 了这行字恭喜——你已经完成了第一次命令行操作。5.2 犯错了怎么办​ 初学者最大的恐惧是万一输错命令把电脑搞坏了怎么办​ 放心。CLI 没那么危险有几个安全常识输错了直接回车最多报一个 “command not found”不会爆炸想取消正在运行的命令按Ctrl C强制停止想清空屏幕输入clear或按Ctrl L屏幕干净了但什么都没删想看历史命令按键盘↑箭头可以翻出之前输过的命令真正危险的命令比如rm -rf /你不会不小心输出来它需要你精确地打出每一个字符。​ 跟着做完这 9 步你就从看到黑窗口就紧张变成了至少知道怎么在里面走路。CLI 的学习曲线在最开始那一下一旦你迈过打开终端、输入第一条命令这个坎后面就是自然而然地慢慢积累。六、为什么开发者这么爱 CLI​ 你可能会想既然 GUI 这么直观为什么程序员非要用这个黑窗口6.1 快​ 鼠标操作需要找到目标 → 移动光标 → 点击 → 等界面响应。命令行只需要打字 → 回车。对于熟练的开发者打字速度远快于鼠标操作。6.2 可自动化​ GUI 操作没法录制你不能告诉电脑帮我重复刚才的 50 次鼠标点击。但 CLI 命令就是文本可以写进脚本文件一键执行上百个操作# 一个脚本文件一次性完成项目初始化mkdirmy-projectcdmy-projectgitinitnpminit-ynpminstallexpressecho项目初始化完成​ 把这些命令保存成一个.sh文件以后每次新建项目只要运行一下这个文件就行。一次编写反复使用。6.3 可远程​ 你没法给一台远在另一个城市的服务器接鼠标。但你可以通过网络连接到它的命令行用 SSH远程操作就像坐在它面前一样。全世界的服务器几乎都是通过 CLI 来管理的。6.4 可复制传播​ 技术文章里写点击这个按钮再点击那个菜单……读者可能找不到对应的位置界面版本不同、语言不同、布局改了。但写一条命令读者复制粘贴就能跑命令就是最精确的操作说明。​ 这也是为什么技术文章里 CLI 命令出现的频率远高于截图教程。不是作者偷懒是命令比截图更不容易过时。七、CLI 工具 vs CLI 本身​ 最后澄清一个容易混淆的概念。当技术文章说typeui.sh 是一个 CLI 工具时它不是说 typeui.sh就是那个黑窗口。它的意思是终端Terminal那个黑窗口本身是运行命令的环境CLI 工具在终端里运行的具体程序类比一下终端就像一个舞台CLI 工具就像演员。git、npm、docker、typeui.sh都是不同的演员它们都在同一个舞台上表演。所以当你看到安装这个 CLI 工具意思是往你的终端里加一个新的可用命令而不是安装一个新的终端。终端Terminal ← 舞台系统自带 ├── git ← 演员代码版本管理 ├── npm / npx ← 演员JavaScript 包管理 ├── pip ← 演员Python 包管理 ├── docker ← 演员容器管理 ├── typeui.sh ← 演员设计系统生成 └── ... ← 可以不断加新演员八、总结概念一句话解释CLI用打字代替点鼠标来操作电脑终端 / Terminal输入命令的那个窗口系统自带命令一行文字 工具 动作 参数CLI 工具在终端里运行的特定程序git、npm 等提示符终端里那行等你输入的文字告诉你你在哪5 个够用的基础命令概念一句话解释CLI用打字代替点鼠标来操作电脑终端 / Terminal输入命令的那个窗口系统自带命令一行文字 工具 动作 参数CLI 工具在终端里运行的特定程序git、npm 等提示符终端里那行等你输入的文字告诉你你在哪下次再看到技术文章里的命令行你至少能做到三件事知道这行命令该往哪里输打开终端能按工具 动作 参数拆解它在干什么报错 “command not found” 时知道是缺了工具去对应官网安装CLI 不是什么高深的技术它只是一种更直接的和电脑对话的方式。你已经会了只是之前不知道而已。