稍早前，學(xué)習(xí)了利用?Vue3?+?Vant3?+?Vite2?構(gòu)建移動端項(xiàng)目架構(gòu)，歡迎批評指正。

簡單DEMO預(yù)覽https://gitee.com/jifengf/vite-vue3-h5/raw/dev/src/assets/aa71c12e1c110227e4f4d49d15dd2837.gif

gitee項(xiàng)目地址https://gitee.com/jifengf/vite-vue3-h5

移動端布局方案

• 移動端 Vant3.x + Vue3.x + Vite2.x + Mockjs + Vue-Router4.x + Vuex4.x + REM(postcss-pxtorem) 布局布局的實(shí)例運(yùn)用

首次使用項(xiàng)目，建議 npm run mock, 體驗(yàn)效果佳

配置文件說明

• vite.config.js vite 配置文件

• postcss.config.js postcss 配置文件

master 分支

簡單 demo 示例。

dev 分支

這里是列表文本通過 mock 數(shù)據(jù)，實(shí)現(xiàn)了首頁，某東分類，某多分類，購物車（部分功能），我的(可進(jìn)入江蘇旅游舒適度頁面）

總結(jié)

以上是生活随笔為你收集整理的前端 Vue3 + Vant3 + Vite2 构建移动端框架及DEMO的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。