0-2 專案檔案與資源下載

在每個單元的最後,都會附上網址,讀者們可以從網址中檢視該單元完整的原始碼。

專案原始碼的檢視與下載#

除了第二章我們會在 CodePen 上進行開發之外,剩下的章節都會在本地進行開發,每個單元完成的程式碼則都會放到 Github 上可供檢視。若你對於 Github 還不太熟悉,可以簡單想成把專案資料夾中的所有內容都放到這個空間上開放讓大家檢視。若你不習慣透過網頁檢視,也可以透過下載按鈕,把整個專案下載到自己的電腦上檢視:

Imgur

檢視專案說明頁#

除了可以在 Github 專案上檢視該單元的原始碼外,在部分單元中 Github 專案上會放有說明頁面,在說明頁會列出所有「與該單元有關的連結」、「程式碼片段」、「補充內容」等等,減少讀者需要手動輸入網址這個繁瑣的過程:

Imgur

檢視每次程式碼變更的部分#

在 Github 上,除了可以針對該單元中有變更的檔案進行檢視外,也可以善用 Github 上的 Commit 功能,每一個 Commit 會清楚標註出每一支程式碼有變更的部分,你只需要點擊「時鐘」的圖示

Imgur

接著會顯示一連串程式碼修改的紀錄,通常筆者會把該單元變更的部分,放在最後一次 commit 紀錄,因此只需要點擊最上方的那筆記錄即可:

Imgur

如此你將可以看到這個單元中,程式碼有變更的部分,方便你檢視:

Imgur

另外,在本書後面的章節中,因為專案程式碼內容較多,因此每一個單元都會獨立成一個 Github 分支(branch),方便讀者檢視每個單元中程式碼變化的部分,關於如果在 Github 上切換並檢視不同分支的內容,會在後面的章節中再詳加說明。