vue-mobile-template 前端開源框架
📅 開源項目的由來
某天因公司業務需求,想尋找一款H5移動端的模板進行二次開發。但搜遍整個HUB都沒法找到合適的空模板進行二次開發,所以心血來潮,於是有了 vue-mobile-template 。
🌈 介紹
基於 vue3.x + CompositionAPI + javascript + vite + vant + vue-router-next + pinia 的開源免費移動端模板,希望減少工作量,幫助大家實現快速開發移動端。
vue-mobile-template默認已加入 Rem布局適配
,可在根目錄 postcss.config.js
進行修改。
⛱️ 線上預覽
- 尚未搭建
💒 代碼倉庫
- vue-mobile-template (github): //github.com/Coder-XiaoYi/vue-mobile-template
- vue-mobile-template (gitee): //gitee.com/liupeiqiang/vue-mobile-template
🚧 安裝 yarn
- 複製代碼(桌面 cmd 運行)
npm install -g yarn
🏭 環境支持
Edge | last 2 versions | last 2 versions | last 2 versions |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
由於 Vue3 不再支持 IE11,故而 vant 也不支持 IE11 及之前版本。
⚡ 使用說明
# 克隆項目
git clone //github.com/Coder-XiaoYi/vue-mobile-template.git
# 進入項目
cd vue-mobile-template
# 安裝依賴
yarn
# 運行項目
yarn run dev
# 打包發佈
yarn run build
💯 學習交流加 QQ 群
- 查看開發文檔、vue-mobile-template 開發文檔正在編寫中…
❤️ 鳴謝列表
💌 支持作者
如果覺得框架不錯,或者已經在使用了,希望你可以去 Github 或者
Gitee 幫我點個 ⭐ Star,這將是對我極大的鼓勵與支持。
🙈 部分框架截屏
![]() |
![]() |
![]() |
![]() |
![]() |