web_04 | Web 前置知识——作一次山大王，让操做系统乖得像只小绵羊：命令行入门

本文推荐 PC 端阅读~

本文版权归 “公众号 | 前端一万小时” 全部，未经受权，请勿转载！
复制代码

1. 如下哪一个应用能输入并执行命令行(多选)
  ✅ Linux 下的终端
  ✅ Mac 下的终端
  ✅ Windows 下的命令提示符
  ✅ Windows 安装 GitBash
  ❌ Windows 下的记事本

2. 查看当前完整路径的命令是
  ❌ la -al
  ❌ la -a
  ❌ dir
  ✅ pwd

3. 详细展现当前文件夹下的全部文件的信息用什么命令?(包括隐藏文件)
  ❌ list
  ✅ ls -al
  ❌ ls -l
  ❌ dir

4.cd ~ 和 cd / 的区别，说法正确的是？
  ✅ cd /，切换到根目录，Mac 下是 / 目录
  ✅ cd ~， 切换到家目录，好比 Mac 下是/Users/Oli， 其中 Oli 是登陆用户名
  ✅ cd ~， 切换到家目录，好比 Windows 下是 C:/Users/Oli， Oli 是登陆用户名
  ❌ cd ~，切换到家目录，Windows 下是 C 盘根目录

5.切换到上级目录的命令是什么？
  ❌ cd..
  ❌ cd .
  ✅ cd ..
  ❌ CD ..
  ❌ cd ~
  ✅ cd ../ 

6.终端有以下提示信息:
    -bash: cd..: command not found
  你以为缘由是什么？
  ❌ 没毛病
  ✅ 用户本想输出 cd .. 命令切换到上一级，无奈太粗心中间少了个空格
  ✅ bash 提示用户，你的命令不存在
  ❌ 终端坏了

7. 如下哪一个是建立a.md 文件的命令?
  ✅ touch a.md
  ❌ mk a.md
  ❌ mkdir a.md
  ❌ create a.md

8. 关于rm 命令与 rm -rf 的区别，说法正确的是？
  ✅ 前者能够删除文件，但不能删除文件夹
  ❌ 后者能够删除文件，但不能删除文件夹
  ❌ 后者能够删除空文件夹，但不能删除有内容的文件夹
  ✅ 后者能够删除文件和文件夹，不论文件夹内是否为空，而且删除不可恢复

9. 打开 vim 编辑器后，发现没法输入内容，此时能够按下？
  ✅ i 用来插入内容
  ✅ a 用来插入内容
  ❌ 回车用来插入内容
  ❌ esc 用来切换到编辑态
复制代码

---

前言： 在上一篇《工欲善其事，必先利其器——软件安装、环境搭建》中，咱们完成了基本软件的安装以及初步的环境搭建，那接下来让咱们尝试着来对咱们的操做系统下下命令，尝试着不用鼠标也能够快速完成不少操做。——固然这也是咱们后边开发过程当中与后台服务器对话的必备技能。

---

1 首先须要注意的

• 命令行是须要区分字母的大小写的；
• 空格必定不能忘记，不能省略；
• 分清命令，不要多个命令当一个命令来用。

2 基本命令学习

打开对应系统的终端——具体方法见《初次接触前端，咱们要理解哪些名词？》

2.1 查看当前完整路径

pwd
复制代码

2.2 查看当前目录下文件

• 不包含隐藏文件：

ls
复制代码

• 查看当前目录下全部文件（包括隐藏文件）：

ls -a

（注：所谓隐藏文件夹就是以.开头的文件）
复制代码

• 查看当前目录下全部文件（包括隐藏文件的详细信息）：

ls -al
复制代码

2.3 切换目录

• 直接给一个绝对路径到文件位置：

cd /c/project
复制代码

• 到当前文件夹下的 code：

cd code

或

cd ./code 

（注：. 表明本级目录）
复制代码

• 跳转到上一级文件夹再到 css 文件：

cd ../css

（注：..表明上级目录）
复制代码

• 跳转到家目录后再到 Desktop ：

cd ~/Desktop
复制代码

2.4 建立文件

touch readme.md

（注：这里的例子是指建立一个 markdown 文件）
复制代码

2.5 建立文件夹

mkdir projects

(记忆：mkdir 是 “make directory——建立目录” 的缩写）
复制代码

2.6 删除文件

rm readme.md
复制代码

2.7 完全删除文件夹

rm -rf projects

💡解释：
 -r 就是向下递归，无论有多少级目录，一并删除。
 -f 就是直接强行删除，不做任何提示的意思。
复制代码

2.8 重命名文件

mv readme.md README.md 

（记忆：mv 中的 m 是 move 的简写，把一个名字移动到另外一个名字上，就是重命名）
复制代码

2.9 清空命令行

clear
复制代码

3 文件路径操做命令学习——根目录、家目录

3.1 进入根目录

cd /
复制代码

3.2 进入家目录

cd ~
复制代码

💡解释：

• 家目录就是你当前用户（名）所建立的目录；
• 根目录就是 Linux 建立的目录；
• 通常咱们登录进去都是在咱们本身用户名所在的目录——家目录；
• 根目录就至关于 Windows 打开计算机，而没有进入任何盘符的时候；
• 家目录能够当作是在上边的基础上进入了某个盘符。

4 Vim 编辑器

咱们讲到 Linux 命令行时，就不得不提到 vim 编辑器。咱们系统自带或额外安装的终端里边都包含有一个 vim 编辑器。

4.1 vim 编辑器能够简单的分为

• 命令模式
• 编辑模式

4.2 vim 编辑器使用步骤

1.  vim a.md 初始进入 vim 编辑器命令模式；
    （注：这里打开你须要打开书写的文件）
2.  i 或 a 进入编辑模式；
    （注：进入编辑模式后能够写入文字、代码等）


1.  键盘左上角 esc 进入命令模式；
    （注：这里要点击 esc 进入命令模式的前提是你在半角模式下——英文输入模式）
2.  :wq 保存退出；
    （记忆：wq 是 write 写入 、quit 退出的缩写）
3.  :q! 不保存强制退出。
复制代码

---

后记： 命令行的学习和使用会贯穿在咱们整个前端学习、工做生涯中，咱们要以最基本的命令为起点去发散学习更多更复杂的命令。能够参考《鸟哥的 Linux 私房菜》一书，细水流长的去学习。学无止境，前端值得你我用后边的 10000 小时来对待。

祝好，qdywxs ♥ you！