環境架設 macOS

環境架設 macOS

這兩天上班架設環境發現一些問題,重新灌了好幾次,於是就想說來把所有的問題都列下來,這樣也好等問題遇到也可以重新來看看ouo

Homebrew

Homebrew 是 Mac OSX 上的的套件管理工具,是方便安裝管理 OSX 裡需要用到但預設沒安裝的套件。Homebrew 的安裝只需要打開終端機輸入安裝指令

安裝指令:

1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

確認是否有安裝成功:

1
brew --version

終端機 iTerm2

iTerm2 是一個可以用來取代 MAC 原生終端機的工具,只需到官網下載,或在 terminal 中輸入以下指令,直接透過 homebrew 安裝

安裝指令:

1
2
3
4
5
# 如果你從來沒有用過 brew cask 的話需要先跑這行
brew tap caskroom/cask

# 安裝 iTerm2
brew cask instal iterm2

iTerm2 主題配色

可以參考以下這個連結來進行主題配色,綜合整篇,我整理我有使用的指令配色等等如下:

安裝 powerline font

因為我們要用的 theme 會用一些特殊 icon,所以 iTerm2 選用的字型必需要支援這種特殊 icon font,沒有安裝這個 icon 的話,符號會變成正方形包問號的框框

安裝指令:

1
2
# 安裝指令
brew cask install font-sourcecodepro-nerd-font

裝完後,記得修改 iTerm2 字型。改成 SauceCodePro Nerd Font
設定路徑:Preferences > Profiles > Text > Change Font > SauceCodePro Nerd Font

安裝 zsh

zsh 是個取代 bash 的強大 shell,比 bash 好用幾百倍。這篇文章介紹的 command line 設定一定要跑在 zsh。沒用過的一定要試一下

安裝指令:

1
2
# 安裝指令
brew install zsh

設定為你的預設終端機為 zsh:

1
2
sudo sh -c "echo $(which zsh) >> /etc/shells" 
chsh -s $(which zsh)

安裝 oh-my-zsh

原始的 zsh設定太難搞,所以來安裝 framework oh-my-zsh。現在幾乎所有 zsh 好用的工具都有支援 oh-my-zsh,所以裝就對惹…

安裝指令:

1
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

zsh theme powerlevel9k

安裝 powerlevel9k :

1
git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k

更改 ZSH_THEME 的主題:

1
2
# 透過 vscode 打開檔案並編輯 code ~/.zshrc
ZSH_THEME=”ZSH_THEME="powerlevel9k/powerlevel9k"

重新執行以下指令才會生效:

1
exec $SHELL

更改一些我推薦的內容:

1
2
3
4
# command line 左邊圖示 + 版控
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir vcs) # <= left prompt 設了 "dir" / "vcs" 版本控制的資訊
# command line 右邊時間圖示
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(time) # <= right prompt 設了 "time"

好用的工具

  1. Spectacle

    mac 版本的分割視窗,可以設定在哪個 app 中啟用,快速鍵也都能客製化,習慣把 app 視窗全螢幕,或者是切割螢幕左右查找文件的好幫手

  2. Alfred 4

    跟內建的 Spotlight 搜尋其實滿像的,不過個人覺得好用些,如果查詢不到的資料就可以透過瀏覽器開啟(Spotlight 沒有此項功能,單純搜尋本機的檔案)

  3. Dash

    找程式語法的app,同時軟體也支援 Stackoverflow,不管是框架、語法,基本上你能想到的東西都能查,應該說最常用到的工具,前提是你要知道那個語法XDDD

  4. Sourcetree

    看 Git branch / commit 圖像工具,同時也可以在 app 按按鈕完成 merge / pull 指令,有時候輔助整體看 branch / commit 的好工具

  5. Postman

    測試 API 的工具,還有出 Postwoman 也是相同的~

  6. Quiver (APP Store 付費軟體)

    之前用 Typora 也是大推,不過缺點是沒有同步功能,且想同時在 mac / Pad / Iphone 下使用基本上是不可能,這款付費軟體一次就買斷,寫寫文章也好用,搭配 Dropbox 可以直接備份同步

  7. TablePlus

    導入 DB 的好工具,目前工作專案才用,之後有什麼心得會補上ouo


從 rvm 切換到 rbenv

說一下原因好惹,因為發現工作專案要 Ruby 2.3.7 版本,原本的電腦為 2.6.3,在新版 2.6.3 的狀況下,把專案 clone 下來之後,跑 bundle 正常,不過 rails s 會噴錯滿正常的,因為專案內容中的 images 是 2.3.7 版本

因此透過 rvm 安裝 2.3.7,結果跑 bundle 噴出以下錯誤:

1
2
3
Could not load OpenSSL.
You must recompile Ruby with OpenSSL support or change the sources in your Gemfile from 'https' to 'http'. Instructions
for compiling with OpenSSL using RVM are available at http://rvm.io/packages/openssl.

去安裝 openssl 後

1
2
3
~ brew install openssl                                                                                  
Warning: [email protected] 1.1.1d is already installed and up-to-date
To reinstall 1.1.1d, run `brew reinstall [email protected]`

經過研究之後,發現好像踩到地雷了… 所以忍痛割愛(誤

清理 rvm

1
2
rvm implode
sudo rm -rf ~/.rvm

安裝 rbenv

1
2
3
4
brew doctor
brew update
brew install rbenv
brew install ruby-build

設置 rbenv 的環境

1
2
# Unubtu请放到 ~/.bashrc 里, zsh用戶是 ~/.zshrc
export PATH="/Users/andy/.rbenv/shims:$PATH" eval "$(rbenv init -)"

安裝 Ruby

1
2
rbenv install --list         # 列出所有 ruby 版本
rbenv install 2.3.7 # 安装 2.3.7

列出版本

1
2
rbenv versions               # 列出安装的版本
rbenv version # 列出正在使用的版本

设置版本

1
2
rbenv global 2.3.7           # 預設使用 2.3.7
rbenv shell 2.3.7 # 目前的 shell 使用 2.3.7

重啟

1
rbenv rehash                 # 切換ruby 版本和執行 bundle 後須執行的指令