你必須很努力

Windows 10 安裝 Ruby + Rails + Node.js + Git + postgresql

2019/10/12
字數統計: 1.8k閱讀時間: 8 min

一口氣將常用的軟體建置起來
包含 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
2
3
4
5
$ sudo apt-get update
$ sudo apt-get install ruby

# 代表註解,不用輸入
# $ 代表這段指令要在 Terminal 輸入, $ 本身不用輸入


確認 Ruby 是否安裝及版本查詢

1
2
$ ruby -v           # ruby 2.5.1p57 (2018-03-29 revision 63029 [x86_64-linux-gnu])
$ ruby --version # 與上面指令效果一樣,擇一使用即可


安裝 rvm

依序於 Terminal 輸入如下:

1
2
3
4
5
$ \curl -sSL https://get.rvm.io | bash -s stable
$ gpg --keyserver hkp://pool.sks-keyservers.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB
$ \curl -sSL https://get.rvm.io | bash -s stable

# 安裝後,Ubuntu 要重開

rvm 版本查詢

1
2
3
$ rvm -v

# rvm 1.29.9 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io]

列出目前所有可安裝的清單

1
$ rvm list known

安裝 Ruby 2.6.3 版本

1
$ rvm install 2.6.3

版本確認

1
2
3
$ ruby -v

# ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]


安裝 Rails

1
$ gem install rails

上述指令會安裝目前最新版本 Rails (寫文章時最新版本為 Rails 6.0.0)

安裝特定版本 Rails

1
2
3
$ gem install rails -v 5.2.3

# 以 Rails 5.2.3 版本為例


建立 Rails 專案

建立 Rails 6.0.0 專案

1
$ rails new your_project_name

安裝 Node.js

以安裝 Node.js 12.x 版本為例

1
2
3
$ sudo apt update
$ sudo apt install build-essential apt-transport-https lsb-release ca-certificates curl
$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

安裝 Node.js 和 npm

1
$ sudo apt install nodejs

版本查詢

1
2
$ node -v    # v12.11.1
$ npm -v # v6.11.3

參考:
How To Install Node.Js 10 / 11 / 12 On Ubuntu 16.04 | 18.04 Via APT And SNAP


裝好 Node.js 後,回到 Rails 專案繼續下一步
接著執行 rails server

1
2
3
4
$ rails serever
$ rails s

# 上述兩個指令意思一樣

會發現依然噴許多錯誤訊息

錯誤訊息中貼心提醒缺少 webpacker,由於 webpacker 需要 yarn
因此先安裝 yran 後再裝 webpacker
依序輸入:

1
2
3
4
5
6
$ rails webpacker:install
$ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
$ sudo apt-get update && sudo apt-get install yarn
$ yarn --version
$ rails webpacker:install

成功開啟的畫面如下:

建立特定版本 Rails 專案

1
2
3
$ rails _5.2.3_ new your_project_name

# 以 rails 5.2.3 版本為例

接著執行 Rails 專案

1
2
3
4
$ rails server
$ rails s

# 上述兩個指令意思一樣

成功開啟的畫面如下:

參考:
Yarn Docs


安裝 Git

下載連結:https://git-scm.com/download/win

下載後,執行,無腦安裝法,下一步直到安裝好為止。

輸入

1
$ git version

確認安裝版本即大功告成

Ubuntu 上 Git 版本更新

Ubuntu 很貼心內建 Git v2.17.1 版本,覺得版本老舊更新如下:

  1. 先更新本地端索引:

1
2
$ sudo apt update
$ sudo apt install make libssl-dev libghc-zlib-dev libcurl4-gnutls-dev libexpat1-dev gettext unzip

  1. 到 Git 的 GitHub 上挑選需要更新的版本

  2. 先移到暫存區

1
$ cd /tmp

  1. 使用 wget 命令安裝複製的 zip 文件鏈接。我們將為文件指定一個新名稱:git.zip

1
2
3
$ wget https://github.com/git/git/archive/v2.23.0.zip -O git.zip

# 以 Git 2.23.0 版本為例

  1. 解壓縮下載的文件,並通過輸入以下內容進入目錄

1
2
$ unzip git.zip
$ cd git-*

  1. 輸入以下兩個指令來製作軟體並進行安裝

1
2
3
4
$ make prefix=/usr/local all
$ sudo make prefix=/usr/local install

# 安裝完後,Ubuntu 要重開

  1. 安裝完成後,確認 Git 版本

1
2
3
$ git --version

# git version 2.23.0

參考:
How To Install Git on Ubuntu 18.04


安裝 postgresql

Rails 內建資料庫 SQLite 練習上很方便,但實務完全不會用
(詳細原因自行 Google)
因此我們要手動安裝 postgresql 資料庫,以備需要時可以使用
至於如何更換 Rails 專案內資料庫,有機會再寫一篇介紹

1
2
3
4
5
$ sudo apt-get install wget ca-certificates
$ wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc | sudo apt-key add -
$ sudo sh -c 'echo "deb http://apt.postgresql.org/pub/repos/apt/ `lsb_release -cs`-pgdg main" >> /etc/apt/sources.list.d/pgdg.list'
$ sudo apt-get update
$ sudo apt-get install postgresql postgresql-contrib

版本查詢

1
2
3
$ psql --version

# psql (PostgreSQL) 11.5 (Ubuntu 11.5-3.pgdg18.04+1)

接下來會比較繁瑣,建議先看下方圖片並瞭解後,再動作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$ sudo service postgresql start
$ pg_lsclusters

# pg_lscluster <version> <cluster> start
$ pg_ctlcluster 11 main start

$ sudo service postgresql restart

# sudo -u postgres createuser <username>
$ sudo -u postgres createuser river

# sudo -u postgres createdb <database_name>
$ sudo -u postgres createdb river

$ sudo apt-get install libpq-dev

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$ sudo -u postgres -i
$ psql

# 範例:
#= ALTER USER username CREATEDB;
# 我的:
= ALTER USER river CREATEDB;

# 範例:
#= GRANT ALL PRIVILEGES ON DATABASE database_name to new_user;
# 我的:
= GRANT ALL PRIVILEGES ON DATABASE river to river;

# SQL 語法以 = 表示,從 = 後面開始輸入

參考:
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
2
3
4
5
6
7
8
9
10
11
12
# 修改前
if [ "$color_prompt" = yes ]; then
PS1='${debian_chroot:+($debian_chroot)}\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;34m\]\w\[\033[00m\]\$ '
else
PS1='${debian_chroot:+($debian_chroot)}\u@\h:\w\$ '


# 修改後
if [ "$color_prompt" = yes ]; then
PS1='${debian_chroot:+($debian_chroot)}\[[\033[01;32m\]\w\[\033[00m\]]\$ '
else
PS1='${debian_chroot:+($debian_chroot)}\$ '

修改儲存離開後,輸入:

1
$ source ~/.bashrc

即可看到修改狀態 (免重開 Ubuntu)

參考:
Ubuntu(Linux)命令行终端命令提示符过长和提示符颜色显示等效果设置

Ubuntu 的游標消失,該怎辦?

  1. 將 Windows 預設輸入模式從「中文模式」改為「英數模式」,並重開 Ubuntu。

  2. 在 Ubuntu 中若不小心切換到中文模式並輸入任意鍵時,游標又會消失,解決方法為在 Ubuntu 中輸入任意中文字後並按確認 (並非送出指令喔),此時游標再次出現,接著切換回「英數模式」即可。 (中英文切換快捷鍵:Shift 按一下)

Ubuntu 顯示的顏色調整

Ubuntu 中文字、背景、字型、字型大小等全都可以修改,修方方法如下:
滑鼠右鍵點選 Ubuntu 左上角 Logo,選擇「內容」即可進入修改。

個人 Ubuntu 終端機設定可供參考:


參考

  1. 為你自己學 Ruby on Rails - 環境設定
  2. 為你自己學 Git - 安裝在 Windows 作業系統

原文連結:https://riverye.com/2019/10/12/Windows 10 安裝 Ruby + Rails + Node.js + Git + postgresql/

發表日期:2019-10-12

更新日期:2019-10-31

CATALOG
  1. 1. 環境建置
    1. 1.1. 環境介紹
    2. 1.2. 安裝 Ubuntu
    3. 1.3. 安裝 Ruby
    4. 1.4. 安裝 rvm
      1. 1.4.1. 安裝 Ruby 2.6.3 版本
    5. 1.5. 安裝 Rails
      1. 1.5.1. 安裝特定版本 Rails
    6. 1.6. 建立 Rails 專案
      1. 1.6.1. 建立 Rails 6.0.0 專案
    7. 1.7. 安裝 Node.js
      1. 1.7.1. 建立特定版本 Rails 專案
    8. 1.8. 安裝 Git
    9. 1.9. Ubuntu 上 Git 版本更新
    10. 1.10. 安裝 postgresql
  2. 2. Q & A
    1. 2.1. 為何不用 Ubuntu 的 Git 而要安裝 Git Bash ?
    2. 2.2. Ubuntu 路徑名稱太長,如何縮短 ?
    3. 2.3. Ubuntu 的游標消失,該怎辦?
    4. 2.4. Ubuntu 顯示的顏色調整
    5. 2.5. 參考