摘要:微信小程序框架框架請(qǐng)求項(xiàng)目初始化注如果沒有安裝環(huán)境的請(qǐng)先去網(wǎng)上下載下來安裝,安裝后默認(rèn)安裝了接下到你要建項(xiàng)目的目錄下打開窗口快捷方法打開到目錄后按住鍵盤,然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開窗口即可默認(rèn)從外網(wǎng)下載包,可能會(huì)比較慢,可以換成國內(nèi)的
微信小程序框架:mpvue
ui框架:mpvue-weui
request請(qǐng)求:fly.js
注:如果沒有安裝node環(huán)境的請(qǐng)先去網(wǎng)上下載node.js下來安裝,安裝后默認(rèn)安裝npm了
接下到你要建項(xiàng)目的目錄下打開cmd窗口(快捷方法:打開到目錄后按住鍵盤shift,然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開powershell窗口即可)
npm默認(rèn)從外網(wǎng)下載包,可能會(huì)比較慢,可以換成國內(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)行的原理
引入項(xiàng)目,到微信小程序官網(wǎng)下載此開發(fā)工具
項(xiàng)目跑起來
接下來就引入mpvue-weui了
只要引入weui.css文件即可,其他都不用
mpvue-weui的網(wǎng)站
https://kuangpf.com/mpvue-weui/#/
接下來新建一頁測試頁面來試用weui
需要注意的標(biāo)點(diǎn)符號(hào),否則會(huì)報(bào)錯(cuò)
新增了一頁要重新npm run dev,否則會(huì)找不到頁面(終止的命令: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請(qǐng)求接下來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/97699.html
摘要:微信小程序框架框架請(qǐng)求項(xiàng)目初始化注如果沒有安裝環(huán)境的請(qǐng)先去網(wǎng)上下載下來安裝,安裝后默認(rèn)安裝了接下到你要建項(xiàng)目的目錄下打開窗口快捷方法打開到目錄后按住鍵盤,然后點(diǎn)擊鼠標(biāo)右鍵選擇在此處打開窗口即可默認(rèn)從外網(wǎng)下載包,可能會(huì)比較慢,可以換成國內(nèi)的 微信小程序框架:mpvueui框架:mpvue-weuirequest請(qǐng)求:fly.js 1.項(xiàng)目初始化 注:如果沒有安裝node環(huán)境的請(qǐng)先去網(wǎng)上下...
摘要:上一篇文章介紹了在快應(yīng)用中使用,本文主要介紹一下如何在微信小程序中使用。下面我們看看在微信小程序中和中如何使用微信小程序微信小程序采用開發(fā)技術(shù)棧,使用語言開發(fā),但是運(yùn)行時(shí)和瀏覽器又有所不同,導(dǎo)致等庫無法在微信小程序中使用,而可以。 Fly.js 一個(gè)基于Promise的、強(qiáng)大的、支持多種JavaScript運(yùn)行時(shí)的http請(qǐng)求庫. 有了它,您可以使用一份http請(qǐng)求代碼在瀏覽器、微信...
摘要:小程序原生是小程序平臺(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)差異在底層屏蔽,支持切換...
摘要:開發(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 開發(fā)微信小程序 mpvue使用 # 全局安裝 vue-cli $ npm install --global vue-cli # 創(chuàng)建一個(gè)基于 mpvue-quickstart 模板的新項(xiàng)目 $...
閱讀 604·2021-11-18 13:12
閱讀 1321·2021-11-15 11:39
閱讀 2480·2021-09-23 11:22
閱讀 6212·2021-09-22 15:15
閱讀 3665·2021-09-02 09:54
閱讀 2318·2019-08-30 11:10
閱讀 3250·2019-08-29 14:13
閱讀 2918·2019-08-29 12:49