之前有一篇博文總結linux下的git用法，今天根據最近的一個遊戲demo，繼續總結鞏固一下。
原文連結：linux下的git常見操作整理

最近要做一個三維模型渲染的小遊戲demo，主要是threejs實現，外部引入設計給的模型，做成例如https://moments.epic.net/#rabbit 的樣子。

首先，用html實現了一版，此時由於需要引入外部模型（obj＋mtl）材料，所以只能用firefox除錯，chrome由於跨域設定報錯：

three.js:30870 Failed to load file:///Users/tony/Documents/h5/source/model2.mtl: Cross
 
 origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
load @ three.js:30870
load @ MTLLoader.js:36
init @ test1.html:98
(anonymous) @ test1.html:51
three.js:30870 Failed to load file:///Users/tony/Documents/h5/source/lighter.mtl: Cross origin requests are only supported for
 
 protocol schemes: http, data, chrome, chrome-extension, https.

此後，使用express（由於後端沒有程式程式碼，也可使用Apache等伺服器），將程式碼釋出到web伺服器上，實現利用http:127.0.0.1:8081在chrome上預覽。其中修改步驟如下

1. npm init 生成package.json檔案；

2. npm install express –save, 安裝express伺服器；

3. 調整原來的資原始檔目錄到輸出目錄下（如設定輸出為/pulic，此時應將外部js、圖片、css等放置在/public資料夾下）

此時，程式碼的執行變成 node server.js（根據package.json，等同於 npm run start ），開啟瀏覽器，輸入

為了後續程式碼除錯方便，將程式碼託管到github上，需要配置git，操作如下：

• 新增.gitignore檔案，無需上傳某些大型檔案, 並在檔案中輸入：

.idea
.idea/
.DS_Store
node_modules/
.project
npm-debug.log

• git init 建立git本地倉庫
• git add -A 將本地所有程式碼及相關資原始檔加入暫存區域中
• git commit -m ‘*’ 提交到本地倉庫
• git pull origin master 拉取遠端倉庫程式碼，若報錯，fatal: refusing to merge unrelated histories,加入–allow-unrelated-histories
• git push origin master 將本地倉庫程式碼提交到github遠端倉庫