Home

Awesome

簡介

Project V 是一個將割闌尾遊戲化的專案,目前成果可以到 http://g0v.github.io/projectV/ 觀看。

前置環境

Project V 目前用 grunt/bower 管理,並且使用 sass 與 compass 管理樣式,在這邊建議使用 nvm 以及 rvm 分別管理 Node.js 與 Ruby 的版本。

請先確定你有 node.js 0.10 以上的版本並且安裝好 npm,接下來用以下指令安裝 grunt 與 bower:

npm i grunt-cli -g
npm i bower -g

接下來進入專案目錄,並且用以下指令安裝 npm 以及 bower 相依元件(如果出現權限問題,請在指令最前面加上 sudo):

npm i
bower i

而且也需要 compass 跟 sass,請輸入以下指令(如果出現權限問題,請在指令最前面加上 sudo)

gem install sass
gem install compass

開發

進入專案目錄,用以下指令即可執行本地 http server 開發

grunt serve

這個時候預設的瀏覽器會啟動,並且開啓 Project V 頁面。當你存檔後頁面會自動刷新。

如果需要新增 angularjs 的任何元件,我建議採用 yeoman 一併管理。相同的使用前也是要先安裝 yeoman 跟 angularjs 的 generator:

npm i yo -g
npm i generator-angular -g

接下來就可以用 yeoman 管理,比如說想要新增一個 controller:

yo angular:controller <controller-name>

關於 Yeoman angularjs generator 的詳細資訊可以參考官方網站

Deploy

如果你有 g0v/projectV 的權限,你可以用 deploy.sh 部署最新的源碼,不過首先要先把 git 設置正確,請先用下面的指令看一下 git remote 的設定

git remote -v

結果應該看起來像這樣:

origin  git@github.com:yurenju/projectV.git (fetch)
origin  git@github.com:yurenju/projectV.git (push)
upstream  git@github.com:g0v/projectV.git (fetch)
upstream  git@github.com:g0v/projectV.git (push)

如果沒有 upstream 這個位置,請用以下指令加入:

git remote add upstream git@github.com:g0v/projectV.git

這樣就設定好了,最後只要下達以下指令即可 deploy 至 github.io:

grunt build && ./deploy.sh

即可部署完畢,數分鐘後可以到 http://g0v.github.io/projectV/ 看看部署結果囉。

Contribution

如果您發現了任何網站問題,或是希望新增的功能,請至 github issue tracker 回報給我們。若您想修復或改善 issue 清單裡的任何一個項目,請利用 pull request 提交你的 branch,並且在該 branch 裡面僅附上一個 commit,commit title 格式如下:

Fixed #ISSUE_NUM: your commit description

ISSUE_NUM 代換成您要修復的 issue 編號,我們將會 review 你所送來的 pull request。

Contributor

本專案為 g0v 底下的開源專案,source code contributor 請見 github - contributer,此外本專案由子龍提供視覺設計,Han Lin 負責專案協調。