mpvue小程序開發從零構建

一、根據官方文檔，用mpvue搭建腳手架。

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 建立一個基於 mpvue-quickstart 模板的新項目
$ vue init mpvue/mpvue-quickstart my-project
# 安裝依賴
$ cd my-project
$ npm install
# 啓動構建
$ npm run dev

生成的目錄結構如圖。

二、配置flyio。
官方文檔連接：https://wendux.github.io/dist...

如圖所示，在src/utils下新建一個fly.js文件用來配置fly引用。
fly裏面的配置以下圖：

至此，fly配置完成，如今模板中引用便可。
示例圖：

三、小知識點，標籤模板既能夠用vue裏也能夠用小程序裏的，好比swiper、block、icon、picker、scroll-view等，swiper在輪播圖中運用方便高效。block是一個包裝元素，不會在頁面中作任何渲染，只接受控制屬性，好比v-if、v-for等。scroll-view是用來實現橫向滾動和豎向滾動的，經過scroll-x和scroll-y來實現。