本文推薦 PC 端閱讀
本文同步更新於:
- 「公眾號:前端一萬小時」
- 「知乎:Oli's 前端一萬小時」
- 「語雀:前端一萬小時」
複製程式碼
前言: 在上一篇《工欲善其事,必先利其器——軟體安裝、環境搭建》中,我們完成了基本軟體的安裝以及初步的環境搭建,那接下來讓我們嘗試著來對我們的作業系統下下命令,嘗試著不用滑鼠也可以快速完成很多操作。——當然這也是我們後邊開發過程中與後臺伺服器對話的必備技能。
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
複製程式碼
2.8 重新命名檔案
mv readme.md README.md
(記憶:mv 中的 m 是 move 的簡寫,把一個名字移動到另一個名字上,就是重新命名)
複製程式碼
2.9 清空命令列
clear
複製程式碼
3 檔案路徑操作命令學習——根目錄、家目錄
3.1 進入根目錄
cd /
複製程式碼
3.2 進入家目錄
cd ~
複製程式碼
?解釋:
- 家目錄就是你當前使用者(名)所建立的目錄;
- 根目錄就是 Linux 建立的目錄;
- 一般我們登陸進去都是在我們自己使用者名稱所在的目錄——家目錄;
- 根目錄就相當於 Windows 開啟計算機,而沒有進入任何碟符的時候;
- 家目錄可以看成是在上邊 4 的基礎上進入了某個碟符。
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 小時來對待。
(本文版權歸 “Oli's 前端一萬小時” 所有,未經授權,請勿轉載)