App下載

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

猿友 2020-09-03 15:30:31 瀏覽數(shù) (3696)
反饋

文章轉(zhuǎn)載自公眾號:若川視野

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

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

主要就是:

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

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

最終終端效果

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

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

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

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

搜索 啟用或關(guān)閉 windows 功能

勾選 適用于 Linux 的 Windows 子系統(tǒng)

搜索 Ubuntu

建議安裝最新版 Ubuntu 20.04

Windows Terminal

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

安裝 vscode remote-wsl 插件

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

vscode remote-wsl 插件

安裝 oh my zsh

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

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

echo $SHELL
# /bin/bash 默認是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)
# 打開新的終端會應用新的zshrc配置

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

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

# 比如
`git status`時,只需要輸入`gst`。
`git pull` 時,只需要輸入`gl`。
`git push` 時,只需要輸入`gp`等等。

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

我暫時安裝了這幾個插件。

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

順帶講下后面兩個插件的安裝方法 安裝 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 其實是個變量,代表這個路徑~/.oh-my-zsh/custom, 也就是安裝到了這個目錄下。還有很多高效插件,等您發(fā)掘~oh my zsh官網(wǎng),不過插件安裝多了,感覺會有些卡頓~

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

也可以在這個配置文件中配置更多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文件,需要創(chuàng)建
touch .bash_profile
# 打開編輯 (我這里安裝了vscode,所以直接用其打開文件)
code .bash_profile

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

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

每次修改這個文件需要輸入source ~/.bash_profile重載這個文件,才會生效。code ~/.bash_profile,用vscode編輯這個配置文件,封裝成一個命令。比如:

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

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

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

每次進入項目,就直接dgg,即可跳轉(zhuǎn)到這個目錄,然后選擇相應的目錄即可。比如dgg進入工作目錄,cd analyse-vue-cli進入項目目錄,(輸入analtab鍵智能提示)

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

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

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相當于解鎖了oh my zshgit插件。還有很多插件,比如npm點擊查看, node 等,都可以研究下。

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

# 回退到上一級
alias ..='cd ..'
alias ...='cd ../..'
alias ....='cd ../../..'
alias .....='cd ../../../..'
alias ......='cd ../../../../..'

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

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

當然,git也是可以設(shè)置別名的。

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

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

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

小結(jié)

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

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

0 人點贊