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！