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

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

1.項目初始化

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

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.項目運行

引入項目，到微信小程序官網下載此開發工具

項目跑起來

---

3.引入mpvue-weui

接下來就引入mpvue-weui了

只要引入weui.css文件便可，其餘都不用
mpvue-weui的網站

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

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

須要注意的標點符號，不然會報錯

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

從新運行後

進入到test頁面，證實跳轉是沒問題的
引用一下weui的grid做爲示例

結果

此功能界面的代碼都是從上面網站上覆制過來的，也能夠從git上把mpvue-weui的項目clone下來，裏面有更多詳細的代碼，能夠直接複製下來用

---

4.引入fly請求

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

使用npm安裝fly.js

npm install flyio

使用方法