如何開啟一個專案？Project Initiating Steps

　　以下內容是在ALPHA Camp學習過程中的程式筆記，一方面提醒自己未來開啟專案所需的步驟，另一方面則提供廣大的網友一些參考。

一、啟動專案之框架與套件介紹

　　開啟一個專案，除了自己手刻的程式碼之外，最重要的就是善用網路現有的框架、套件與資源。本文以網頁開發的流程為主，使用的程式語言是JavaScript、CSS、HTML三劍客。

　　在這三種語言的基礎上，主要使用下列的框架與套件：

　　（一）環境與架設伺服器類

• Node.js（將JS連結至前後端，並可至本機運作的基礎設施）
• Express（架設本地伺服器與路由）
• Method-override（擴充CRUD的路由，主要將HTML原有的GET、POST，加入PUT與DELETE）
• Body-parser（取得HTML使用者提交的表單資料）
• Nodemon（本機開發更改程式碼，立即重啟本機伺服器）

　　（二）前端與樣板渲染

• Express-handlebars（渲染main與局部樣板）
• Bootstrap（強者Twitter公司開發的開源網頁套版）
• Font Awesome（免費與付費的icon資源）

　　（三）資料庫與雲端伺服器

• MongoDB（免費額度的資料庫）
• Mongoose（串接JS與MongoDB資料庫間的語言）
• Heroku（免費額度的雲端伺服器，可發布至該站測試網頁）

　　既然是菜鳥筆記，就不厭其煩地寫清楚，以防未來忘記！

二、啟動專案之步驟

　　啟動專案建議習慣使用終端機，如cmder。以下會使用終端機指令操作。

1.建立專案資料夾

$mkdir 專案資料夾

2.安裝node環境

$npm init -y

3.安裝相關套件

$npm install express

其他如：express-handlebars、method-override、body-parser、mongoose、nodemon等，依序安裝。

4.設定版本控制

$git init

並建立.gitignore，排除不追蹤之檔案或資料夾，如node_modules（node資料庫）。