初期列點

• [x] 最終作業要註冊新的 path
  • [x] 記得把 path 保管好
• [x] 規劃前、後台路由結構
  • [x] 確定前後台會有的頁面，繪圖
• [x] 每個結構分頁命名，定義路由 path
• [x] 確定版型
  • [x] 專案主題色調
• [x] 架 Vue cli 專案
  • [x] 設定環境變數
  • [x] 新增 vue.config.js 更改路徑
  • [x] 測試上傳 github
• [x] 建立環境
  • [x] 安裝 Bootstrap
    • [x] 匯入
  • [x] 安裝 Bootstrap icons
    • [x] 匯入+測試圖片顯示
  • [x] 安裝 Axios
    • [x] 匯入
  • [x] 安裝 表單驗證
    • [x] 匯入+測試
  • [x] 安裝 mitt
    • [x] 新增 utils 資料夾，並加入 emitter.js
  • [x] 全站設定
    • [x] 修改 Bootstrap 變數 (修改變數，註解時使用 //* ，之後回來找就很容易)
      • [x] 在 assets 中建立 stylesheets 資料夾，用來存放樣式，並建立 all.scss 檔案
        • [x] 匯入 Bootstrap 和自己客製化的 .scss 到 all.scss
      • [x] stylesheets 中開一個 helpers 資料夾用來存放變數
        • [x] 將node_modules 裡的 _variables.scss 複製到 helpers 資料夾
      • [x] 在 App.vue 匯入all.scss
    • [x] 字體設定 'Microsoft JhengHei’ 微軟正黑體
• [x] 建立分頁、檔案，使用資料夾管理
• [x] 建立路由表，測試每個網頁能正常開啟
  • [x] 前台
  • [x] 後台
• [x] 建立 NavBar，並加入對應 router-link
• [x] 製作 LOGO

中期製作

前台設定

• [x] 製作主頁面
  • [x] 輪播功能
• [x] layout
  • [x] NavBar
    • [x] 額外製作透明效果
  • [x] Footer
• [x] 產品頁面
  • [x] 產品可以點擊愛心，加入收藏，加入購物車按鈕
  • [x] 加上分頁元件
  • [x] 滑鼠 hover 圖片放大效果
  • [x] 創建產品資料夾，規劃每個產品獨立一個資料夾
  • [x] 尋找產品圖片素材 ( 圖片大小、色調、角度)
  • [x] 產品內容發想放在每個產品的獨立資料夾 (名稱、分類、描述、價格、推薦度)
    • [x] 分類：蛋糕、布丁、優格、泡芙、舒芙蕾、聖代
  • [x] 價格低到高、推薦度高到低、預設排序
  • [x] 篩選分類按鈕、商品名稱搜尋欄位
  • [x] 用 v-if 判斷該產品是否已收藏（實心、空心愛心） //後來做得有點混亂後續要在整理複習
  • [ ] 點圖片查看更多時，判斷是從產品頁面過去產品單一頁面，v-if 顯示產品頁面的麵包屑
    • [ ] 或定義一個值，點圖片時將該值=收藏，並 props 傳到單一產品頁面，給他v-if判斷顯示哪個麵包屑
• [x] 常見問題 頁面
• [x] 關於我們 頁面