国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信小程序搭建（mpvue+mpvue-weui+fly.js），多圖

msup / 2195人閱讀

摘要：微信小程序框架框架請(qǐng)求項(xiàng)目初始化注如果沒(méi)有安裝環(huán)境的請(qǐng)先去網(wǎng)上下載下來(lái)安裝，安裝后默認(rèn)安裝了接下到你要建項(xiàng)目的目錄下打開(kāi)窗口快捷方法打開(kāi)到目錄后按住鍵盤，然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開(kāi)窗口即可默認(rèn)從外網(wǎng)下載包，可能會(huì)比較慢，可以換成國(guó)內(nèi)的

微信小程序框架：mpvue
ui框架：mpvue-weui
request請(qǐng)求：fly.js

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

注：如果沒(méi)有安裝node環(huán)境的請(qǐng)先去網(wǎng)上下載node.js下來(lái)安裝，安裝后默認(rèn)安裝npm了
接下到你要建項(xiàng)目的目錄下打開(kāi)cmd窗口（快捷方法：打開(kāi)到目錄后按住鍵盤shift，然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開(kāi)powershell窗口即可）
npm默認(rèn)從外網(wǎng)下載包，可能會(huì)比較慢，可以換成國(guó)內(nèi)的下載地址，如下

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

這樣就換成國(guó)內(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)目跑起來(lái)

運(yùn)行的原理

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

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

項(xiàng)目跑起來(lái)

3.引入mpvue-weui

接下來(lái)就引入mpvue-weui了

只要引入weui.css文件即可，其他都不用
mpvue-weui的網(wǎng)站

https://kuangpf.com/mpvue-weui/#/

接下來(lái)新建一頁(yè)測(cè)試頁(yè)面來(lái)試用weui

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

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

重新運(yùn)行后

進(jìn)入到test頁(yè)面，證明跳轉(zhuǎn)是沒(méi)問(wèn)題的
引用一下weui的grid作為示例

結(jié)果

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

4.引入fly請(qǐng)求

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

使用npm安裝fly.js

npm install flyio

使用方法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/54644.html

相關(guān)文章

  • 微信小程序搭建（mpvue+mpvue-weui+fly.js），多圖

    摘要：微信小程序框架框架請(qǐng)求項(xiàng)目初始化注如果沒(méi)有安裝環(huán)境的請(qǐng)先去網(wǎng)上下載下來(lái)安裝，安裝后默認(rèn)安裝了接下到你要建項(xiàng)目的目錄下打開(kāi)窗口快捷方法打開(kāi)到目錄后按住鍵盤，然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開(kāi)窗口即可默認(rèn)從外網(wǎng)下載包，可能會(huì)比較慢，可以換成國(guó)內(nèi)的 微信小程序框架：mpvueui框架：mpvue-weuirequest請(qǐng)求：fly.js 1.項(xiàng)目初始化 注：如果沒(méi)有安裝node環(huán)境的請(qǐng)先去網(wǎng)上下...

    mtunique 評(píng)論0 收藏0

  • 在小程序/mpvue中使用flyio發(fā)起網(wǎng)絡(luò)請(qǐng)求

    摘要：上一篇文章介紹了在快應(yīng)用中使用，本文主要介紹一下如何在微信小程序中使用。下面我們看看在微信小程序中和中如何使用微信小程序微信小程序采用開(kāi)發(fā)技術(shù)棧，使用語(yǔ)言開(kāi)發(fā)，但是運(yùn)行時(shí)和瀏覽器又有所不同，導(dǎo)致等庫(kù)無(wú)法在微信小程序中使用，而可以。 Fly.js 一個(gè)基于Promise的、強(qiáng)大的、支持多種JavaScript運(yùn)行時(shí)的http請(qǐng)求庫(kù). 有了它，您可以使用一份http請(qǐng)求代碼在瀏覽器、微信...

    mumumu 評(píng)論0 收藏0

  • mpvue開(kāi)發(fā)微信小程序，Fly.js 簡(jiǎn)單使用

    摘要：小程序原生是小程序平臺(tái)特定，不能運(yùn)用到導(dǎo)致小程序轉(zhuǎn)時(shí)，需要重寫網(wǎng)絡(luò)請(qǐng)求部分代碼。為了解決平臺(tái)差異，代碼復(fù)用，將平臺(tái)差異在底層屏蔽，支持切換底層，可輕松適配各種運(yùn)行環(huán)境只是入口文件不同。 小程序原生wx.request是小程序平臺(tái)特定api ，不能運(yùn)用到web導(dǎo)致mpvue小程序轉(zhuǎn)web時(shí)，需要重寫網(wǎng)絡(luò)請(qǐng)求部分代碼。為了解決平臺(tái)差異，代碼復(fù)用 ，fly.js將平臺(tái)差異在底層屏蔽，支持切換...

    xiaokai 評(píng)論0 收藏0

  • mpvue+vant app搭建微信小程序

    摘要：開(kāi)發(fā)微信小程序使用全局安裝創(chuàng)建一個(gè)基于模板的新項(xiàng)目安裝依賴啟動(dòng)構(gòu)建使用將下的下的目錄復(fù)制到下的目錄即可調(diào)用調(diào)用中調(diào)用中使用請(qǐng)輸入搜索關(guān)鍵詞搜索關(guān)注我的微信公眾賬號(hào)分享更多 mpvue+vant 開(kāi)發(fā)微信小程序 mpvue使用 # 全局安裝 vue-cli $ npm install --global vue-cli # 創(chuàng)建一個(gè)基于 mpvue-quickstart 模板的新項(xiàng)目 $...

    int64 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<