目標
環境建置對於新手相對困難,但希望新手還是能夠至少做一次環境的建置,了解大致的步驟,畢竟環境是必要的,如果進行的不是這麼順利,請不要灰心,可以請教有經驗的老手。
以下是本次教學的重點:
- 安裝Ubuntu on Windows
- 安裝cmder及其佈景設定
- 安裝Rails相關套件
- 安裝vscode編輯器
- 成功執行Rails
安裝 Ubuntu on Windows
- 首先你要到設定中,「更新與安全性」裡頭的「開發人員專用」下面,打開「開發人員模式。」
- 再到「控制台」中的「程式和功能」,點選「開啟或關閉Windows功能」,裡頭有一個「適用於Linux的Windows子系統」項目將它打勾。
- 啟動之後要等一下安裝必要的工具,裝好後需要重新啟動。
- 打開Windows命令列, 輸入bash,再輸入Y,等待安裝完成即可。(最後要輸入使用者帳戶及密碼)
- 安裝完成後,即可看到bash程式(【開始】>【Windows 上 ubuntu 的 bash】)
安裝 zsh
- 直接按【開始】>【Windows 上 ubuntu 的 bash】 來安裝
輸入安裝指令
1$ sudo apt-get install zsh -y進行初次設定,請輸入zsh再按”2”來建立預設的環境
1$ zsh設定預設啟動zsh
1$ nano .bashrc於最上方加入這幾行程式碼
1234# Launch Zshif [ -t 1 ]; thenexec zshfi
加完後按下 Ctrl+O 並enter存檔,再按下 Ctrl+X 離開
如此一來當你再次開啟ubuntu bash就會預設使用zsh了
但此時請先把目前的視窗縮小備用,另外開啟來測試
(避免設定失敗打不開新視窗,保留一個可以使用的視窗)
安裝 oh-my-zsh
|
|
設定顯示名稱及修改主題
|
|
|
|
調整佈景的顯示(顯示自定義名稱、Rails版本號、特殊符號等)顯示
|
|
在命令模式下,移至首行按dG刪除全文
再將以下內容複製,於插入模式貼上
agnoster.zsh-theme
最後於命令模式按下 :wq 存檔並離開
安裝 cmder
因為原生的cmd實在很醜,這邊使用cmder來作為我們開發用的console,調整後的cmder幾乎和我mac的iterm2長得一樣
- 至 http://cmder.net/ 下載最新版本cmder (簡單版即可)
- 直接解壓縮至D:\cmder,並執行cmder.exe
- 建立開啟bash的路徑
須設定預設使用bash程式,才會在ubuntu環境中
因此我們建立一個bash::ubuntu(名稱可以自己取),並輸入他的開啟位置及參數1%windir%\system32\bash.exe ~ -c zsh -cur_console:p
設定預設以bash::ubuntu開啟
另外需要再安裝powerline專用字型,才能正確顯示一些圖示
PowerLine Fonts
挑一個下載並安裝字型(在window安裝)
並在設定中指定此字型成品長這樣
安裝 rails 相關套件
|
|
|
|
|
|
安裝 mysql
請將123456替換為自己的密碼(有兩個123456)
安裝 nginx
|
|
安裝 git
剛剛在安裝rails已經將git一併安裝進ubuntu中囉
如果你需要使用圖形化的git軟體如SourceTree,則需要在windows再裝一次git
git下載
SourceTree下載
安裝編輯器( vscode / sublime / atom)
請選擇一款喜歡的安裝,推薦vscode
vscode
https://code.visualstudio.com/
目前討論度最高的編輯器,由微軟開發的免費開源軟體,整合git、console,外掛安裝方便,開啟速度也算快。
atom
https://atom.io/
使用electron開發的編輯器,免費開源軟體,安裝後不太需要設定,支援外掛都很多,但開啟速度較令人詬病。
sublime
https://www.sublimetext.com/
算是近幾年來開發人員的首選,付費軟體,免費會有煩人的提示訊息。不過已經很久未更新。
安裝後需要做很多設定才能使用,適合不想跳槽的老手,新手不要嘗試了。
使用方式
這邊要提醒一件事情
因為ubuntu無法直接呼叫windows的exe檔案
所以無法使用console直接開啟編輯器,需要直接從資料夾開啟
又因為ubuntu他的目錄隱藏,唯一和windows可以連結的部分就是他有mount到c及d槽,
所以我們建立一個 D:/projects/
資料夾,把專案都建在這裡比較方便開啟
不過這樣每次開啟console都要再輸入cd /mnt/d/projects/
很麻煩,於是進到zshrc設定檔
在最後一行補上預設路徑
如此一來,開發時只要開啟cmder就可以進入工作目錄
另外再開啟編輯器、瀏覽器即可
如果重開cmder無法執行rails或ruby指令,請至
到最後一行補上
建立 rails 專案
依照平常建立方式即可
假設有問題,請改用這個試試
參考