前端必備的25個CLI命令行
theme: vue-pro
命令行可以説是程序員的基本功，但是記起來頗為費力，有些命令只是偶爾用了幾次就忘記了，本文就來總結一下對於前端來説的必備25個命令行，方便大家一起復習。
PS：不會寫的特別全，主要是平時用的多的或比較重要的，部分實測圖都是Centos下的
開發必備
磁盤
ls
全拼：list directory contents
顯示指定目錄下的所有文件，不指定就是當前目錄
s*：s開頭的所有文件
-a：顯示所有文件，包括.開頭的文件（默認不可見）
-l ：額外顯示文件形態、權限、擁有者、文件大小、修改時間等
cd
全拼：change directory
切換當前工作目錄
pwd
全拼：print work directory
打印當前工作目錄的絕對路徑
mkdir
全拼：make directory
創建一個空的目錄
-p： 創建project2時，parent目錄不存在就創建（不加的話，原本存在會報錯）
rmdir
全拼：remove directory
刪除指定目錄
-p: 刪除project2後，parent目錄為空目錄就一併刪除
tree
樹狀圖列出當前目錄下的所有結構
-a：類似ls的-a，顯示全部內容
-t：按照內容更改時間排序
df
全拼：disk free
磁盤的使用情況
-h：增加可讀性，有一些單位自動轉換
--total：增加一行顯示全部磁盤情況
du
全拼：disk usage
查看指定目錄或文件的所佔的磁盤空間
-h同上df
--max-depth=num填數字
用來查看node_modules的佔用情況很方便
文件操作
touch
修改文件或目錄的時間屬性
touch本來是用來修改時間的，但是用的最多的還是新建文件
rm
全拼：remove
刪除文件或目錄
-r：recursive 遞歸刪除所有層級內容
-f：無需逐一詢問確認，強制刪除
find
對指定目錄查找文件，參數前為指定目錄
-name：可指定所有關鍵詞
-ctime：最近多少天內修改的文件列出
-exec：對篩選出的文件進行下一步操作
cp
全拼：copy
複製文件或目錄
-r：如果是目錄，可以遞歸所有的內容一併複製
mv
全拼：move
移動文件或目錄
chmod
全拼：change mode
修改文件權限
754含義看下圖：
\
查看編輯類
cat
全拼：concatenate
用於打印指定文件內容到標準輸出
第一個命令用來簡單看日誌
第二個可以清空main.js文件內容
tail
把文件最尾部的內容顯示出來
第一個是默認顯示10條尾部日誌
-f：實時查看內容
-n：指定總行數
vim
編輯神器的打開命令，搭配快捷鍵食用更香：
http://cenalulu.github.io/linux/all-vim-cheatsheat/
grep
查看文件裏符合條件的字符串
一般會和其他命令聯合管道符一起使用
進程
ps
全拼：process status
顯示當前進程的狀態
-ef：顯示所有命令的全格式
-aux：顯示所有命令的詳細信息（包括其他用户的）
top
實時顯示所有進程的動態，內容還是比較全的
-d：更新週期，秒為單位
kill
刪除工作中的文件或進程
1：重啟進程
9：殺死進程
15：正常停止進程
網絡
ping
用於檢測主機連接
ssh
全拼：Secure SHell
用於登錄遠程主機
需要拼接用户名和IP或host
scp
全拼：secure copy
基於ssh的安全文件拷貝，主要是機器之間的文件傳輸
第一個是遠程下載文件到本地
第二個是本地傳輸文件到遠程機器
前端模塊包
npx
全拼：node package execute
可以不用事先下載node_modules也可執行bin命令
比如上面就是創建react項目，eslint檢查，tsc轉換
在Touchbar上加命令行
我平時開發用的命令行工具是ITerm，所以這裏也分享一個小技巧，可以把一些特定的命令行設置進ITerm環境下的Touchbar裏
首先，打開ITerm的設置選項
找到Keys這一欄，然後點擊右下角Add Touch Bar Item按鈕
然後第一個輸入框輸入Touchbar上按鈕的名字，第二個選Send Text with "vim" Special Chars，第三個就是你實際的命令，需要加\n作為回車鍵，最後保存。
這時候再進入View -> Customer Touch Bar內自定義按鈕，拖拽想要的按鈕到Touch Bar上就完成了，實測非常方便。
結語
這是我日常開發中常用到的命令行，希望能幫到兄弟萌，同時後續有其他高頻的命令行也會持續更新進去。
創造不易，希望jym多多 點贊 + 關注 二連，持續更新中！！！
PS: 文中有任何錯誤，歡迎掘友指正
往期精彩📌
參考：