前端必備的25個CLI命令行

語言: CN / TW / HK

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: 文中有任何錯誤,歡迎掘友指正

往期精彩📌

參考:

https://refruity.xyz/macbook-touch-bar-in-iterm2/