前言

創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)瓊結(jié),十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220

多頁(yè)面應(yīng)用于結(jié)構(gòu)較于簡(jiǎn)單的頁(yè)面,因?yàn)楹?jiǎn)答的頁(yè)面使用router又過(guò)于麻煩.本腳手架出于這樣的場(chǎng)景被開(kāi)發(fā)出來(lái).

使用腳手架搭配Hbuilder也同樣可以快速使用vue開(kāi)發(fā)安卓和IOS APP.

本文大特點(diǎn):

1. webpack4
2. 多頁(yè)面
3. 跨域Proxy代理
4. VConsole移動(dòng)端調(diào)試,手機(jī)上的開(kāi)發(fā)者工具
5. es6/es7 babel 轉(zhuǎn)換

項(xiàng)目地址 GitHub

使用手冊(cè)

MogoH5+ 是一個(gè) vue 多頁(yè)面 腳手架工具 ,結(jié)合 H5+可以快速開(kāi)發(fā)安卓與蘋(píng)果 APP.

即使不適用 Hbuilder 打包成 APP,本腳手架同樣可以作為多頁(yè)面網(wǎng)頁(yè)生成的參考項(xiàng)目.

特性

1. 支持 Npm 生態(tài)
2. 支持 vue 語(yǔ)法,以及 vue 生態(tài),比如 vux,mint,vant
3. 支持 ES6/ES7 語(yǔ)法
4. 使用 VConsole 調(diào)試
5. VSCode 友好
6. 局域網(wǎng)便捷調(diào)試
7. 兼容部分 mui 語(yǔ)法

這些特性其實(shí)不是什么新鮮特性,只是單獨(dú)在 Hbuilder 無(wú)法使用.

快速上手

直接下載項(xiàng)目然后根據(jù)需求定制打包,最后通過(guò) Hbuilder 云打包即可生成 APP.

本文自帶一個(gè)案例是使用 VantUI 開(kāi)發(fā)的幾個(gè)界面,如果你喜歡其他 UI 同樣可以替換成其他的 UI.

// 1.安裝模塊
npm i // or yarn
// 2.調(diào)試
npm start  // 將manifest.json 的`頁(yè)面入口` 修改成 http://your_ip:8082/
// 3.打包
npm run build

分享標(biāo)題：用vue快速開(kāi)發(fā)app的腳手架工具-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)網(wǎng)址：http://weahome.cn/article/jhcog.html