vue每時每刻-專案介紹-搭建過程

專案搭建流程

1. 搭建專案框架，安裝腳手架，安裝依賴模組。
2. 根據效果圖，觀察判斷該專案需要用到的框架的PC端還是移動端。移動端使用一些vant-ul的元件，需要先安裝vant-ul，安裝之後匯入。
3. 準備好專案開發中需要用到的元件，在src/components資料夾裡面準備好相關檔案。暫時不需要寫入各元件的內容，寫個標題說明這是哪個元件即可。
4. 安裝axios來實現Ajax請求資料，在元件中引入。
   安裝：npm install axios --save
   引入：import axios from ‘axios’
5. 配置路由，元件都準備好之後在router/index.js檔案裡面匯入，按照前面確定好的頁面跳轉關係配置路由資訊，然後測試介面跳轉是否正常。
6. 移動端配置rem，安裝並引入對應的外掛，讓px自動轉換成rem自適應佈局。rem適配方案
7. 利用scss封裝一下公共樣式。
8. 配置多環境變數
9. 根據環境變數封裝網路模組介面，先封裝幾個，剩下的等用到的時候繼續新增封裝起來
10. 把底部的tabbar，頭部的導航欄，吸頂，上拉載入、下拉重新整理等元件封裝起來。