Mac - 打造自己的工作流

Junting發表於2018-05-15
Mac

Homebrew - Mac 必備軟體管理神器

基本市面上的軟體都能通過 brew install softwareName 的方式進行安裝。例如： git、google-chrmoe...

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
複製程式碼

ITerm2 + oh-my-zsh - 終端命令列工具

當然還是通過 brew進行安裝 ITerm2

# ITerm2
$ brew install caskroom/cask/iterm2
複製程式碼

都安裝好後，我們就來配置下終端命令列工具，讓它變的超酷起來。

1. iTerm2 -> Make iTerm2 Default Term

iTerm2

2. 開啟偏好設定preference，選中Keys，勾選Hotkey下的Show/hide iTerm2 with a system-wide hotkey，將熱鍵設定為 ⌘+. ，這樣你就可以通過 ⌘+. 全域性熱鍵來開啟或關閉iTerm2視窗，非常方便

iTerm2

3. 配色方案，選用 solarized，下載解壓，然後開啟 iTerm2 下的偏好設定 preference ，點開 profiles 下的colors 選項，點選右下角的 Color Presets 選項，選擇import ，匯入解壓到的 solarized 檔案下的Solarized Dark.itermcolors

iTerm2

4. 安裝 oh-my-zsh

#  oh-my-zsh
$ sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
複製程式碼

5. 配置主題

1、 用 vim 編輯隱藏檔案 .zshrc， 終端輸入vi ~/.zshrc ZSH_THEME="agnoster" 將zsh主題修改為“agnoster” 2、 應用“agnoster”主題需要特殊的字型支援，否則會出現亂碼情況， 使用 Meslo 字型，點開連結點選 view raw 下載字型 3、 安裝字型到系統字型冊 4、 在iTerm2中應用字型 iTerm -> Preferences -> Profiles -> Text -> Change Font） 5、 重新開啟iTerm2視窗（或新開啟一個iTerm2視窗）即可以看到字型效果

iterm2.png

推薦powerlevel9k 主題

$ git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k
複製程式碼

然後編輯你的~/.zshrc，設定主題ZSH_THEME="powerlevel9k/powerlevel9k"

6. 自動提示與命令補全

1、克隆倉庫到本地 ~/.oh-my-zsh/custom/plugins 路徑下

$ git clone https://github.com/zsh-users/zsh-autosuggestions  ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
複製程式碼

2、用 vim 編輯 .zshrc 檔案，找到外掛設定命令，預設是 plugins=(git) ，我們把它修改為plugins=(zsh-autosuggestions git)

PS：當你重新開啟終端時可能看不到變化，可能你的字型顏色太淡了，我們把其改亮一些：

  • cd ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions
  • 用 vim 編輯 zsh-autosuggestions.zsh 檔案，修改ZSH_AUTOSUGGEST_HIGHLIGHT_STYLE='fg=10'

7. 語法高亮效果

$ brew install zsh-syntax-highlighting
複製程式碼

在.zshrc檔案的末尾新增下面這一段：

source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
複製程式碼

然後，載入.zshrc配置

$ source ~/.zshrc
複製程式碼
  1. 這裡我使用的是 powerlevel9k 主題, 所以我的首行提示是這樣修改的, 在 .zshrc檔案末尾增加下面一行：
# Powerlevel9k Theme config
POWERLEVEL9K_CONTEXT_TEMPLATE="%n"
複製程式碼

或者，所有主題都適用的方式,還是在.zshrc檔案裡進行配置：

  ZSH_THEME="powerlevel9k/powerlevel9k"
# 隱藏使用者名稱稱(user@hostname)
  DEFAULT_USER=`id -un`
# 含有icon的字型,前提你的字型有icon
POWERLEVEL9K_MODE='nerdfont-complete'
# command line 左邊提示內容(資料夾路徑、資料夾讀寫狀態、版本控制資訊)
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir dir_writable vcs) # <= left prompt 設了 "dir"
# command line 右邊提示內容(狀態、時間)
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status time)
複製程式碼

詳細配置

最後顯示成果：

image.png

Visual Studio Code 終端配置

字型：

  • for Source Code Pro: "terminal.integrated.fontFamily": "Source Code Pro for Powerline"
  • for Meslo: "terminal.integrated.fontFamily": "Meslo LG M for Powerline"
  • the fontsize e.g.: "terminal.integrated.fontSize": 14

推薦教材1英文 推薦教材2中文

NVM - Node Version Manager

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
複製程式碼

如果重啟終端後發現，nvm 未找到此命令， 將下面的原始碼行新增到您的配置檔案（〜/ .bash_profile，〜/ .zshrc，〜/ .profile或〜/ .bashrc）

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
複製程式碼

安裝Node

# install
$ nvm install 8
# use
$ nvm use default

$ node -v

$ npm -v
複製程式碼

NRM -- NPM registry manager

# 全域性安裝
$ npm install -g nrm
# 檢視當前 npm 源列表
$ nrm ls
# 選擇 taobao 源
$ nrm use taobao

# 檢視 npm 源是否更改
$ npm config get
複製程式碼

相關文章