本文介紹了微信小程序搭建(mpvue+mpvue-weui+fly.js)的詳細(xì)步驟，分享給大家，具體如下：

專注于為中小企業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)王益免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

1. 微信小程序框架：mpvue
2. ui框架：mpvue-weui
3. request請求：fly.js

1.項(xiàng)目初始化

注：如果沒有安裝node環(huán)境的請先去網(wǎng)上下載node.js下來安裝，安裝后默認(rèn)安裝npm了

接下到你要建項(xiàng)目的目錄下打開cmd窗口（快捷方法：打開到目錄后按住鍵盤shift，然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開powershell窗口即可）

npm默認(rèn)從外網(wǎng)下載包，可能會比較慢，可以換成國內(nèi)的下載地址，如下

npm set registry https://registry.npm.taobao.org/

這樣就換成國內(nèi)的淘寶鏡像下載了

npm install -g vue-cli

全局安裝vue-cli，vue的官方腳手架

npm install -g webpack

安裝webpack打包管理

npm install -g vue

全局安裝vue框架

安裝完上面的必須組價(jià)后，我們就進(jìn)去正題了，初始化mpvue框架

vue init mpvue/mpvue-quickstart my-project

進(jìn)入項(xiàng)目文件夾，并安裝依賴包

項(xiàng)目跑起來

運(yùn)行的原理

2.項(xiàng)目運(yùn)行

引入項(xiàng)目，到微信小程序官網(wǎng)下載此開發(fā)工具

項(xiàng)目跑起來

3.引入mpvue-weui

接下來就引入mpvue-weui了

只要引入weui.css文件即可，其他都不用

mpvue-weui的網(wǎng)站 https://kuangpf.com/mpvue-weui/#/

接下來新建一頁測試頁面來試用weui

需要注意的標(biāo)點(diǎn)符號，否則會報(bào)錯(cuò)

新增了一頁要重新npm run dev，否則會找不到頁面（終止的命令：ctrl+c）

重新運(yùn)行后

進(jìn)入到test頁面，證明跳轉(zhuǎn)是沒問題的

引用一下weui的grid作為示例

結(jié)果

此功能界面的代碼都是從上面網(wǎng)站上復(fù)制過來的，也可以從git上把mpvue-weui的項(xiàng)目clone下來，里面有更多詳細(xì)的代碼，可以直接復(fù)制下來用

4.引入fly請求

接下來request部分，fly.js也是上面推薦的，使用方法如下

使用npm安裝fly.js

npm install flyio

使用方法

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

新聞名稱：微信小程序搭建(mpvue+mpvue-weui+fly.js)的詳細(xì)步驟
文章轉(zhuǎn)載：http://www.chinadenli.net/article12/jsgcgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)