高效終端命令行工具 - 給你的終端美個(gè)容

文章轉(zhuǎn)載自公眾號(hào)：若川視野

在我的微信交流群中聽聞很多前端沒有買mac電腦（比如我），也沒有用過ohmyzsh。

這篇文章沒啥難度，很快就能看完，主要還是希望讀者你看完后可以安裝開始使用高效終端工具。有了這么強(qiáng)大的終端工具后我發(fā)現(xiàn)Windows很好用呀，瞬間感覺都不需要買mac了。

主要就是：

• 利用Windows的 Linux 子系統(tǒng)功能
• 安裝Ubuntu系統(tǒng)，安裝ohmyzsh和一些插件
• 安裝windows Terminal工具
• 安裝vscode remote-wsl插件
• 安裝 tig 查看 git 記錄

先看下效果。反正我用了ohmyzsh后，離不開了。

windows 安裝 Ubuntu 子系統(tǒng) and 安裝 windows Terminal

搜索啟用或關(guān)閉 windows 功能，勾選適用于 Linux 的 Windows 子系統(tǒng)，確定后重啟電腦。

搜索 Ubuntu 和 windows Terminal 并安裝（windows Terminal 可能要求win10系統(tǒng)比較高的版本，一般更新到最新版本即可）

Ubuntu安裝好后會(huì)要求設(shè)置用戶名和密碼。

建議安裝最新版 Ubuntu 20.04

win10安裝了ubuntu子系統(tǒng)和oh my zsh后，則可以通過/mnt/f/訪問win10下的f盤，或者其他盤。也就有上面的pwd效果圖。

安裝 vscode remote-wsl 插件

下載安裝vscode，并且安裝remote-wsl插件。

安裝 oh my zsh

簡(jiǎn)述下oh my zshoh my zsh官網(wǎng)的安裝方法。github ohmyzsh

安裝oh my zsh部分適用于Ubuntu和mac系統(tǒng)。

echo $SHELL
# /bin/bash 默認(rèn)是bash
# 查看下有哪些shells
cat /etc/shells
# 安裝 zsh
sudo apt-get install zsh -y
# 查看zsh版本
zsh --version
# 5.1.1
# 安裝后zsh 后cat /etc/shells 才有/bin/zsh /usr/bin/zsh


# 切換成zsh
chsh -s $(which zsh)
# 或者這條命令
# chsh -s /usr/bin/zsh

# 三種安裝方案可供選擇：
# Via curl
$ sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"


# Via Wget
$ sh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"


# 如果上面兩種情況還安裝不了，可以使用如下方式。


# via git clone
git clone https://github.com/ohmyzsh/ohmyzsh.git ~/.oh-my-zsh
cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc
chsh -s $(which zsh)
# 打開新的終端會(huì)應(yīng)用新的zshrc配置

如果以上三種方式還裝不了，可以查看oh my zsh文檔

安裝成功后，配置信息會(huì)在~/.zshrc?？梢酝ㄟ^code ~/.zshrc(如果沒安裝vscode，可以用vim ~/.zshrc)打開編輯zsh配置信息，可以看到默認(rèn)配置了git 插件Plugin:git。也就是說，可以更加簡(jiǎn)便的使用git 相關(guān)的一些別名。

# 比如
`git status`時(shí)，只需要輸入`gst`。
`git pull` 時(shí)，只需要輸入`gl`。
`git push` 時(shí)，只需要輸入`gp`等等。

是因?yàn)榕渲美镉羞@些簡(jiǎn)寫，還有更多可以查看這里oh my zsh plugin git.plugin.zsh文檔配置，github oh my zsh plugin git.plugin.zsh文件地址。安裝成功后，同時(shí)會(huì)創(chuàng)建~/.oh-my-zsh的文件夾，其實(shí)就是.oh-my-zsh 的 git 倉庫master分支?？梢园l(fā)現(xiàn)文件夾中有一個(gè)plugins文件夾，內(nèi)置了很多插件?？梢宰远x主題theme，具體可以看example.zsh-theme。custom自定義相關(guān)。插件相關(guān)會(huì)安裝在這里，更多可以查看example.plugin.zsh

我暫時(shí)安裝了這幾個(gè)插件。

plugins=(
  # 內(nèi)置插件，啟用即可
  git
  cp
  mv
  # 按兩下esc鍵，用sudo權(quán)限
  sudo
  # 記錄歷史輸入的zsh命令，自動(dòng)提示，快速使用
  zsh-autosuggestions
  # zsh 命令高亮
  zsh-syntax-highlighting
)

順帶講下后面兩個(gè)插件的安裝方法 安裝 zsh-autosuggestions

git clone git://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions

安裝zsh-syntax-highlighting

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git $ZSH_CUSTOM/plugins/zsh-syntax-highlighting

$ZSH_CUSTOM 其實(shí)是個(gè)變量，代表這個(gè)路徑~/.oh-my-zsh/custom， 也就是安裝到了這個(gè)目錄下。還有很多高效插件，等您發(fā)掘~oh my zsh官網(wǎng)，不過插件安裝多了，感覺會(huì)有些卡頓~

# 每次修改了這個(gè)`.zshrc`配置文件，需要重載一下，才能生效。
source .zshrc
# 也可以封裝成一個(gè)簡(jiǎn)寫命令 alias
alias rl='source ~/.zshrc'

也可以在這個(gè)配置文件中配置更多alias。

# ~/.zshrc
# 比如跳轉(zhuǎn)到工作目錄
alias dgg='cd /mnt/f/git-source/github'
# vscode 打開要編輯的文件或文件夾
code blog

這也就是開頭的效果圖了。

那不是win10，也想通過設(shè)置別名來提高效率，是不是就沒有辦法了呢，可以使用git bash設(shè)置alias，安裝git，自帶git bash。

windows git bash 設(shè)置別名提高效率

windows 桌面或任意資源管理器位置，右擊，選擇Git Bash Here，即打開了git bash命令行。先設(shè)置下主題，右擊選擇options, Looks > theme > dracula我選擇的是dracula主題，看起來比較舒適。還可以設(shè)置字體等。

# 跳轉(zhuǎn)到根路徑
cd ~
# 查看下是否有.bash_profile文件
la
# 如果沒有.bash_profile文件，需要?jiǎng)?chuàng)建
touch .bash_profile
# 打開編輯 （我這里安裝了vscode，所以直接用其打開文件）
code .bash_profile

可以根據(jù)修改設(shè)置一些別名。比如我們常用的git status命令，可以封裝成gst。清屏clear命令封裝成cls。

alias gst='git status'
alias cls='clear'

每次修改這個(gè)文件需要輸入source ~/.bash_profile重載這個(gè)文件，才會(huì)生效。code ~/.bash_profile，用vscode編輯這個(gè)配置文件，封裝成一個(gè)命令。比如：

alias rl='source ~/.bash_profile'
alias bashconfig='code ~/.bash_profile'

這樣每次修改保存后就只需要輸入rl，即可重載生效了。還可以把一些工作目錄封裝，我的一些項(xiàng)目是放在/f/git-source/github文件下。

# github上的項(xiàng)目
alias dgg='cd F:/git-source/github'
# 周報(bào)相關(guān)
alias dcwk='cd F:/git-source/coding/weekly'

每次進(jìn)入項(xiàng)目，就直接dgg，即可跳轉(zhuǎn)到這個(gè)目錄，然后選擇相應(yīng)的目錄即可。比如dgg進(jìn)入工作目錄，cd analyse-vue-cli進(jìn)入項(xiàng)目目錄,（輸入anal按tab鍵智能提示）

#  /f/git-source/github/analyse-vue-cli (dev)
# 查看狀態(tài) git status
gst
# 用vscode 打開這個(gè)文件夾，開始編輯~
code ./

git 相關(guān)的， 例舉一些平時(shí)用的比較多的。

alias g='git'
alias ga='git add'
alias gaa='git add -all'
alias gp='git push'
alias gl='git pull'
alias gcmsg='git commit -m'
# 分支相關(guān)
alias gb='git branch'
alias gbr='git branch -r'
alias gba='git branch -a'
# checkout
alias gco='git checkout'
alias gcb='git checkout -b'
# merge
alias gm='git merge'
# diff
alias gd='git diff'
alias gdw='git diff --word-diff'

更多可以把oh my zsh的插件一些命令拷貝過來，留alias相關(guān)的即可，oh my zsh plugin git.plugin.zshPlugin:git wiki相當(dāng)于解鎖了oh my zsh 的git插件。還有很多插件，比如npm點(diǎn)擊查看, node 等，都可以研究下。

git bash，有沒有類似oh my zsh的插件呢，我暫時(shí)沒發(fā)現(xiàn)，如果您知道，歡迎告訴我。目錄相關(guān)的操作，也可以設(shè)置一些別名。比如：

# 回退到上一級(jí)
alias ..='cd ..'
alias ...='cd ../..'
alias ....='cd ../../..'
alias .....='cd ../../../..'
alias ......='cd ../../../../..'

更多別名可以自定義～windows上命令行工具還可以使用cmder點(diǎn)擊查看cmder官網(wǎng)命令行工具。雖然我?guī)啄昵熬桶惭b了，但發(fā)現(xiàn)還是git bash用的順暢些，可能是我還不太習(xí)慣cmder。關(guān)于cmder配置相關(guān)，這里推薦晚晴幽草軒軒主的一篇文章：《Win下必備神器之Cmder》

也有cygwin，也是windows命令行工具，也可以安裝on my zsh。

當(dāng)然，git也是可以設(shè)置別名的。

git設(shè)置別名，使用tig神器

# git status => git st
git config --global alias.st status

更多可以查看廖雪峰老師的這篇文章git 配置別名。不過可能大多數(shù)人不知道，他們可能用著可視化工具。我覺得可視化工具也是對(duì)git的一些封裝，具體背后是什么命令，我們還是需要去了解熟悉的。命令行使用git，我推薦使用tig。git log增強(qiáng)版，性能很好。Ubuntu 、linux、mac可以直接安裝，windows稍微麻煩些。具體安裝方法查看tig github倉庫中的官方安裝文檔，或者查看這篇文章：顛覆 Git 命令使用體驗(yàn)的神器 -- tig

小結(jié)

磨刀不誤砍柴工，花時(shí)間折騰研究工具，有利于提高開發(fā)效率。

以上就是W3Cschool編程獅關(guān)于高效終端命令行工具 - 給你的終端美個(gè)容的相關(guān)介紹了，希望對(duì)大家有所幫助。