ALPHA CAMP 學期三最後小組專案 - Simple Twitter - 的前端網頁。 專案採前後分離的模式開發，小組成員有五人，其中三人負責前端，兩人負責後端。
後端Github Repository網址： Simple Twitter API
- 使用git下載專案
git clone https://github.com/yuanliif/AC-twitter.git
- 下載完畢後，進到專案根目錄，操作以下指令安裝所需的套件
npm install
- 安裝完畢後，增加或修改
./src/configs/目錄下的設定，將後綴為-sample的檔案複製到該目錄底下，並寫刪除後綴的-sample後，對複製後的檔案的內容進行修改
- 以
api.js-sample為例，複製並更名為api.js，對裡面的API_URL的數值進行修改，調整前端網頁要接到的後端API服務的位址
- 完成設定後，在專案根目錄執行下述指令，跑起供開發使用的網頁服務
npm run serve
- 成功跑起來的網頁服務，會有類似下面的畫面，使用
Local或者Network的網址資訊在瀏覽器中開啟
- 開發完成後，在專案根目錄使用下述指令，來將程式碼輸出成Production環境使用的版本
npm run build
- 專案部屬到Github Page請參考：[Vue] 將Vue專案部署至Github Pages
- 另外，還可以使用下述指令來對程式碼進行程式碼風格檢查
npm run lint
安裝過程中遇到這問題的話，Command Line Interface（CLI）界面會有上圖的資訊，這時候可以嘗試以下幾種方法來排除問題：
- 完整移除專案根目錄底下的
node_modules資料夾 - 執行
npm cache clean --force來清除暫存檔案 - 關掉正在開啟的編輯器
- 重開電腦
操作完畢後，從 專案使用說明 的步驟二再次重新開始繼續安裝操作
./src - 程式碼根目錄
./src/views - 網頁頁面主體
./src/componenets - 網頁元件
./src/router - Vue Router設定
./src/store - Vuex設定
./src/apis - 與後端溝通的API
./src/utils - 共用Function
./src/configs - 專案設定檔
./src/assets - 靜態檔案根目錄
./src/assets/icons - SVG檔案
./src/assets/images - 圖檔