一口氣將常用的軟體建置起來
包含 Ubuntu、Ruby、rvm、Rails、Node.js、npm、Git、postgresql...等
實用度滿分的大補帖~~
環境建置
環境介紹
作業系統環境:
作業系統:Windows 10 x64
系統版本:1903 (OS 組建 18362.418)
安裝 Ubuntu
為何要先安裝 Ubuntu ?
因為許多 code 軟體在 Windows 上支援度很低甚至不支援
在 Windows 上安裝 Ubuntu 子系統來操作算是比較方便了
(還是比不過 Mac 方便...
接下來開始一連串安裝教學:
Windows 10 內建「Microsoft Store」,透過 Microsoft Store 安裝 Ubuntu 18.04 LTS
接著開啟 Ubuntu,出現以下的錯誤,用管理者權限開啟「Windows PowerShell」
開啟「Windows PowerSeell」,輸入
1 | Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux |
並重新開機,再次開啟 Ubuntu 即可正常使用。
第一次開啟 Ubuntu 需要跑幾分鐘,接著輸入自訂義的帳號及密碼。
安裝 Ruby
在 Ubuntu (以下簡稱「終端機 (Terminal)」) 中輸入如下:
1 | $ sudo apt-get update |
確認 Ruby 是否安裝及版本查詢
1 | $ ruby -v # ruby 2.5.1p57 (2018-03-29 revision 63029 [x86_64-linux-gnu]) |
安裝 rvm
依序於 Terminal 輸入如下:
1 | $ \curl -sSL https://get.rvm.io | bash -s stable |
rvm 版本查詢
1 | $ rvm -v |
列出目前所有可安裝的清單
1 | $ rvm list known |
安裝 Ruby 2.6.3 版本
1 | $ rvm install 2.6.3 |
版本確認
1 | $ ruby -v |
安裝 Rails
1 | $ gem install rails |
上述指令會安裝目前最新版本 Rails (寫文章時最新版本為 Rails 6.0.0)
安裝特定版本 Rails
1 | $ gem install rails -v 5.2.3 |
建立 Rails 專案
建立 Rails 6.0.0 專案
1 | $ rails new your_project_name |
安裝 Node.js
以安裝 Node.js 12.x 版本為例
1 | $ sudo apt update |
安裝 Node.js 和 npm
1 | $ sudo apt install nodejs |
版本查詢
1 | $ node -v # v12.11.1 |
參考:
How To Install Node.Js 10 / 11 / 12 On Ubuntu 16.04 | 18.04 Via APT And SNAP
裝好 Node.js 後,回到 Rails 專案繼續下一步
接著執行 rails server
1 | $ rails serever |
會發現依然噴許多錯誤訊息
錯誤訊息中貼心提醒缺少 webpacker,由於 webpacker 需要 yarn
因此先安裝 yran 後再裝 webpacker
依序輸入:
1 | $ rails webpacker:install |
成功開啟的畫面如下:
建立特定版本 Rails 專案
1 | $ rails _5.2.3_ new your_project_name |
接著執行 Rails 專案
1 | $ rails server |
成功開啟的畫面如下:
參考:
Yarn Docs
安裝 Git
下載連結:https://git-scm.com/download/win
下載後,執行,無腦安裝法,下一步直到安裝好為止。
輸入
1 | $ git version |
確認安裝版本即大功告成
Ubuntu 上 Git 版本更新
Ubuntu 很貼心內建 Git v2.17.1 版本,覺得版本老舊更新如下:
- 先更新本地端索引:
1 | $ sudo apt update |
-
到 Git 的 GitHub 上挑選需要更新的版本
-
先移到暫存區
1 | $ cd /tmp |
- 使用
wget
命令安裝複製的 zip 文件鏈接。我們將為文件指定一個新名稱:git.zip
1 | $ wget https://github.com/git/git/archive/v2.23.0.zip -O git.zip |
- 解壓縮下載的文件,並通過輸入以下內容進入目錄
1 | $ unzip git.zip |
- 輸入以下兩個指令來製作軟體並進行安裝
1 | $ make prefix=/usr/local all |
- 安裝完成後,確認 Git 版本
1 | $ git --version |
參考:
How To Install Git on Ubuntu 18.04
安裝 postgresql
Rails 內建資料庫 SQLite 練習上很方便,但實務完全不會用
(詳細原因自行 Google)
因此我們要手動安裝 postgresql 資料庫,以備需要時可以使用
至於如何更換 Rails 專案內資料庫,有機會再寫一篇介紹
1 | $ sudo apt-get install wget ca-certificates |
版本查詢
1 | $ psql --version |
接下來會比較繁瑣,建議先看下方圖片並瞭解後,再動作
1 | $ sudo service postgresql start |
1 | $ sudo -u postgres -i |
參考:
How to Install PostgreSQL 11 on Ubuntu 18.04 & 16.04 LTS
Q & A
為何不用 Ubuntu 的 Git 而要安裝 Git Bash ?
我也想都在 Ubuntu 上操作就好 (吶喊
但 $ git push
時,會遇到即使輸入正確的帳號密碼,仍會說驗證錯誤,無法上傳 GitHub 啊...
撇除 push 功能外, Ubuntu 上的 Git 功能還是可以用喔~
Ubuntu 路徑名稱太長,如何縮短 ?
1 | $ vi ~/.bashrc |
修改約第 60 - 62 行 $color_prompt
的內容
1 | # 修改前 |
修改儲存離開後,輸入:
1 | $ source ~/.bashrc |
即可看到修改狀態 (免重開 Ubuntu)
參考:
Ubuntu(Linux)命令行终端命令提示符过长和提示符颜色显示等效果设置
Ubuntu 的游標消失,該怎辦?
-
在 Ubuntu 中若不小心切換到中文模式並輸入任意鍵時,游標又會消失,解決方法為在 Ubuntu 中輸入任意中文字後並按確認 (並非送出指令喔),此時游標再次出現,接著切換回「英數模式」即可。 (中英文切換快捷鍵:Shift 按一下)
Ubuntu 顯示的顏色調整
Ubuntu 中文字、背景、字型、字型大小等全都可以修改,修方方法如下:
滑鼠右鍵點選 Ubuntu 左上角 Logo,選擇「內容」即可進入修改。
個人 Ubuntu 終端機設定可供參考: