[Win10] 打造你的Rails on Win10開發環境

安裝 Ubuntu on Windows

***注意: 微軟已調整安裝方式，目前請由 windwos store 搜尋 ubuntu 安裝

1. 首先你要到設定中，「更新與安全性」裡頭的「開發人員專用」下面，打開「開發人員模式。」
2. 再到「控制台」中的「程式和功能」，點選「開啟或關閉Windows功能」，裡頭有一個「適用於Linux的Windows子系統」項目將它打勾。
3. 啟動之後要等一下安裝必要的工具，裝好後需要重新啟動。
4. 打開Windows命令列， 輸入bash，再輸入Y，等待安裝完成即可。(最後要輸入使用者帳戶及密碼)
5. 安裝完成後，即可看到bash程式

安裝 oh-my-zsh

1. 直接按【開始】>【Windows 上 ubuntu 的 bash】 來安裝
2. 輸入安裝指令

   $ sudo apt-get install zsh -y
   

3. 進行初次設定，請輸入zsh再按”2”來建立預設的環境

   $ zsh
   

4. 設定預設啟動zsh

   $ nano .bashrc
   

   於最上方加入這幾行程式碼

   # Launch Zsh
   if [ -t 1 ]; then
   exec zsh
   fi
   

   加完後按下 Ctrl+O 並enter存檔，再按下 Ctrl+X 離開 如此一來當你再次開啟ubuntu bash就會預設使用zsh了 但此時請先把目前的視窗縮小備用，另外開啟來測試 (避免設定失敗打不開新視窗，保留一個可以使用的視窗)

安裝 oh-my-zsh

$ git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh
$ cp ~/.zshrc ~/.zshrc.orig
$ cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc

設定顯示名稱及修改主題

$ nano  ~/.zshrc

# [path] ~/.zshrc
DEFAULT_USER="ANX"  #最上方輸入自定義的顯示名稱(請將ANX改成你的名字)
ZSH_THEME="agnoster" #找到ZSH_THEME把佈景改為agnoster

調整佈景的顯示(顯示自定義名稱、Rails版本號、特殊符號等)顯示

$ vim  ~/.zshrc

在命令模式下，移至首行按dG刪除全文 再將以下內容複製，於插入模式貼上 agnoster.zsh-theme 最後於命令模式按下 :wq 存檔並離開

安裝 cmder

因為原生的cmd實在很醜，這邊使用cmder來作為我們開發用的console，調整後的cmder幾乎和我mac的iterm2長得一樣

1. 至 http://cmder.net/ 下載最新版本cmder (簡單版即可)
2. 直接解壓縮至D:\cmder，並執行cmder.exe
3. 建立開啟bash的路徑 須設定預設使用bash程式，才會在ubuntu環境中 因此我們建立一個bash::ubuntu(名稱可以自己取)，並輸入他的開啟位置及參數

   %windir%\system32\bash.exe ~ -c zsh -cur_console:p
   

   

4. 設定預設以bash::ubuntu開啟

5. 另外需要再安裝powerline專用字型，才能正確顯示一些圖示 PowerLine Fonts 挑一個下載並安裝字型(在window安裝) 並在設定中指定此字型

成品長這樣

安裝 rails 相關套件

$ sudo apt-get install -y build-essential git-core bison openssl libreadline6-dev curl zlib1g zlib1g-dev libssl-dev libyaml-dev libsqlite3-0 libsqlite3-dev sqlite3  autoconf libc6-dev libpcre3-dev curl libcurl4-nss-dev libxml2-dev libxslt-dev imagemagick nodejs libffi-dev

$ sudo \curl -sSL https://get.rvm.io | bash;source ~/.rvm/scripts/rvm;rvm install 2.4.1;

$ gem install rails -v '5.1.1' -V --no-ri --no-rdoc;gem install bundler -V --no-ri --no-rdoc;

安裝 mysql

請將123456替換為自己的密碼(有兩個123456)

$ sudo debconf-set-selections <<< 'mysql-server mysql-server/root_password password 123456';sudo debconf-set-selections <<< 'mysql-server mysql-server/root_password_again password 123456';sudo apt-get -y install mysql-server mysql-common mysql-client libmysqlclient-dev;

安裝 nginx

$ sudo apt-get -y install nginx;

安裝 git

剛剛在安裝rails已經將git一併安裝進ubuntu中囉 如果你需要使用圖形化的git軟體如SourceTree，則需要在windows再裝一次git git下載 SourceTree下載

安裝編輯器

請選擇一款喜歡的安裝，推薦使用vscode

https://code.visualstudio.com/ 目前討論度最高的編輯器，由微軟開發的免費開源軟體，整合git、console，外掛安裝方便，開啟速度也算快。

使用方式

因為 windows bash 的目錄平常在 windows 中是看不到的 因此另外建立一個 D:/projects/ 資料夾，把專案都建在這裡 不過這樣每次開啟console都要再輸入cd /mnt/d/projects/才能進到專案目錄很麻煩 於是進到zshrc設定檔

nano ~/.zshrc 

在最後補上預設路徑

cd  /mnt/d/projects/

開發時只要開啟cmder就可以進入工作目錄

另外如果希望從 console 呼叫 windows 的檔案 如平常習慣打 code . 使用 vscode 開啟專案的話 可以再補上 alias

alias code="/mnt/c/Windows/System32/cmd.exe /C code"

補充 1

在 D槽建立 /home/YOUR_USERNAME 的軟連結 就可以開啟home目錄下文件例如code ~/xxx

步驟 先在 D 槽開一個 home 的目錄，然後開啟 cmd 輸入

mklink /d D:\home\YOUR_USERNAME C:\Users\YOUR_USERNAME\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindo ws_79rhkp1fndgsc\LocalState\rootfs

補充 2

可以建立一個 虛擬磁碟(L) 來快速的存取 Linux 上的東西

subst L: C:\Users\YOUR_USERNAME\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindows_79rh kp1fndgsc\LocalState\rootfs

參考

1. Running windows ubuntu bash in cmder
2. Rails Install
3. Rails Install
4. Zsh Install
5. Uninstall Ubuntu Bash
6. Oh-my-Zsh
7. PowerLine Fonts
8. How to Run Windows Exe From Win10 Bash
9. windows symlink