成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

mtunique / 3299人閱讀

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

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

1.項目初始化

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

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

這樣就換成國內的淘寶鏡像下載了

npm install -g vue-cli

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

npm install -g webpack

安裝webpack打包管理

npm install -g vue

全局安裝vue框架

安裝完上面的必須組價后，我們就進去正題了，初始化mpvue框架

vue init mpvue/mpvue-quickstart my-project

進入項目文件夾，并安裝依賴包

項目跑起來

運行的原理

2.項目運行

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

項目跑起來

3.引入mpvue-weui

接下來就引入mpvue-weui了

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

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

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

需要注意的標點符號，否則會報錯

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

重新運行后

進入到test頁面，證明跳轉是沒問題的
引用一下weui的grid作為示例

結果

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

4.引入fly請求

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

使用npm安裝fly.js

npm install flyio

使用方法

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

轉載請注明本文地址：http://systransis.cn/yun/97699.html

相關文章

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

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

    msup 評論0 收藏0

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

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

    mumumu 評論0 收藏0

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

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

    xiaokai 評論0 收藏0

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

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

    int64 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<