re.HOUSE 居家傢俱

居家傢俱電商網站 Demo：https://viccjiang.github.io/vue_rehouse/

設計概念

創作理念： re 重新 + house 房子 = 重新打造一個家
主要風格： 日系、溫馨、環保、居家
色系搭配：

圖片來源：Unsplash

專案說明

• 本網站具有前台與後台管理系統
• 主要使用 Vue.js 和 Vue Cli 架設而成
• 引入 Vue Router 與 Vue Axios 等套件
• 引入 Bootstrap 5 樣式
• 加入 ESLint Airbnb 風格
• 串接 RESTful API
• 透過 mitt 傳遞跨元件資料
• 使用 Bootstrap 5 切版，結合 Sass 客製化樣式
• 使用 Bootstrap Icons

前台

• 電商產品展示
• 購物車結帳
• 領取優惠碼

後台

• 登入、登出
• 產品管理
• 優惠碼管理
• 訂單管理

使用技術

• Vue.js 3 規劃 SPA 架構
• Vue CLI 建立與打包專案
• Vue Router 建構路由
• Vue axios 串接 RESTful API 資料
• 使用 Bootstrap 5 規劃響應式版型
• 使用 SCSS 預處理器管理 CSS
• 以 ESLint Airbnb 規範進行開發
• 使用 Vee Validation 驗證功能
• 使用 Swiper 輪播器
• 使用 mitt 跨元件傳遞資料
• 使用 Bootstrap Icons

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.