Hackpad 封存器 - g0v

Instant Setup hack.g0v.tw for Windows Users

最後編輯：2015-02-01 建立：2013-05-31 歷史紀錄
開發環境

ET B快速上手：架好 hack.g0v.tw 專案的開發環境 (Windows)

 

CHIA-LIANG KNOTE: 這邊的資訊已經過舊，新版 hack.g0v.tw 可以在 windows 上直接裝好 nodejs 後用 gulp （按照 readme 的步驟跑起來）

 

ET B注意：以下步驟最好事先在自己家裡完成，不要到會場才做，不然網路可能會爆炸慢，尤其是 Part 2 的「下載虛擬電腦」要抓的 .box 檔案很大，我用 50M 光纖抓了 25 分鐘才抓完 = =b

 

 

    ET BPart 1：建立專案資料夾

 

ET B安裝 github for Windows

  1. 下載：http://windows.github.com/ 右上角「download」
  2. 安裝：執行 GitHubSetup.exe
  3. 登入：打開 github for Windows，登入或註冊你的 github 帳號
    ET Blue什麼是 github
    ET Blue為什麼要裝 github for Windows

 

複製 hack.g0v.tw 專案資料夾到自己的電腦

  1. 打開專案頁面： https://github.com/g0v/hack.g0v.tw
  2. 複製：按下「Clone in Windows」按鈕，按鈕在頁面左邊中上的位置。按下後，github for Windows 會自動下載專案資料夾。
  3. 看檔案：下載的專案資料夾預設的位置會在 C:\Users\ETBlue(替換成你的使用者名稱)\My Documents\github\

 

 

    ET BPart 2：架設開發環境

 

ET B安裝 vagrant

  1. 下載：http://downloads.vagrantup.com/tags/v1.2.2
  2. 安裝：執行 Vagrant_1.2.2.msi
      3. ET Blue安裝完以後程式集沒有多出東西來，不代表沒裝好，他只是沒有 gui 、要從 command line 才看的到而已。
    ET Blue什麼是 vagrant
      ET Bluevagrant 是一個電腦程式，人類可以把好幾件想做的事情寫在一張筆記（vagrant file）上，vagrant 程式會按照人類寫的筆記，自動把所有事情都做好。
    ET Blue為什麼架設環境的時候要用到 vagrant
      ET Blue因為 clkao 在寫程式的時候喜歡用很多有的沒的外掛，如果想跟他一起寫程式，儘管我們只是寫個 html 或 css，也得跟著他一起安裝一堆有的沒的外掛，才能在自己的電腦預覽修改的結果，否則就只能矇眼射箭，看不到頁面改完以後長什麼樣子。
      ET Blue裝外掛的過程眉眉角角很多，等裝完黑客松都結束了，所以我們決定叫 clkao 事先把所有要裝的東西寫好在一張筆記（vagrant file）上， 讓 vagrant 按照 clkao 的指示幫我們裝，這樣我們一到黑客松現場就可以馬上架好環境、捲袖子做事了。

 

    ET Blue現在已經不用橋了，hack.g0v.tw裡面就會附上

橋好 vagrant 設定檔

  1. 下載：https://dl.dropboxusercontent.com/u/4339854/g0v/Vagrantfile
  2. 橋好：放到 hack.g0v.tw 的 repo 資料夾中
      3. ET Blue什麼是 hack.g0v.tw
        ET Blue專案的名稱，clkao 取的。指的是開發 g0v hackfoldr 的這個專案。
      ET Blue什麼是 repo
      ET Bluerepo 資料夾在哪裡

 

使用討人厭的 terminal 下載虛擬電腦

  1. 打開：
    1. 按下鍵盤上的「Windows」鍵
        2. ET Blue出現開始功能表，游標自動跑到下方搜尋列
    2. 按下「c」然後「o」然後「m」鍵
        3. ET Blue第一個搜尋結果通常就會是 command prompt
        廖三凱更精準是按下「c」然後「m」然後「d」，搜尋結果 cmd.exe 那個就是了
    3. 按下「enter」鍵
        4. ET Blue執行被選起來的搜尋結果，預設是清單上的第一個，也就是 command prompt
    4. 恭喜！你已經打開討人厭的 terminal 了！ =3=
  2. 移動目前位置：
    1. 一開始畫面上有 C:\Users\ETBlue>_
        2. ET Blue「ETBlue」是在我的電腦裡的使用者名稱，在你的電腦裡會顯示成你的名稱
    2. 輸入「cd "my documents"\github\hack.g0v.tw/」然後按「enter」鍵
        3. ET Blue會移動到 my documents 資料夾裡的 github 資料夾裡的 hack.g0v.tw 資料夾
  3. 下載虛擬電腦：
    1. 輸入「vagrant box add g0v https://dl.dropboxusercontent.com/u/4339854/g0v/g0v-ubuntu-precise64.box」然後按「enter」鍵
        2. ET Blue會下載 g0v-ubuntu-precise64.box 這個檔案，我用 50M 光纖大概花 25 分鐘抓完
        Yu-Lung Shao目前這個路徑來源已失效，正在研究如何自己打造
        NewCliCker先用這個看看？
        NewCliCkerhttp://cloud-images.ubuntu.com/vagrant/precise/current/precise-server-cloudimg-amd64-vagrant-disk1.box

 

SUGARQUE 安裝VirtualBox

設定環境變數Path 加入 "C:\Program Files\Oracle\VirtualBox\VBoxManage.exe"

 

ET B以下步驟還要再跟 hychen 、audrey 確認，步驟有改過，現在有點搞不清楚到底要不要先裝 mingw 才打 vagrant up？ orz

 

  1. 輸入「vagrant up」然後按「enter」鍵
      2. ET Blue據說這樣就可以讓虛擬電腦開機 = =b
    ET Blue什麼是 terminal

 

 

幫 vagrant 安裝 ssh 連線軟體

    ET Blue什麼是 ssh
      ET Blue據說是讓我們可以連到虛擬機器裡面的東西... = =
  1. 下載：http://sourceforge.net/projects/mingw/files/Installer/mingw-get-inst/mingw-get-inst-20120426/mingw-get-inst-20120426.exe/download
      2. ET Blue據說是個可以讓 vagrant 程式的 ssh 連線功能發揮作用的東西 = =?
  2. 安裝：執行 mingw-get-inst-20120426.exe
    • AudreyAudrey Tang Tang 說安裝過程中會讓你選要裝哪些套件（Select Components），那頁要捲到下方勾選 MSYS Basic System 和 MinGW Developer Toolkit
      ET Blue怕死的我當然是不分青紅皂白之全部都打勾 = ="
  3. 使用：
    1. 開始 -> 所有程式 -> MinGW -> MinGW Shell
    2. AUDREY T輸入「vagrant ssh」然後按「enter」鍵
    3. ET B進入虛擬電腦
      1. AUDREY Tcd /vagrant