mpvue小程序开发从零构建

1、根据官方文档，用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

生成的目录结构如图。

2、配置flyio。
官方文档链接：https://wendux.github.io/dist...

如图所示，在src/utils下新建一个fly.js文件用来配置fly引用。
fly里面的配置如下图：

至此，fly配置完成，现在模板中引用即可。
示例图：

3、小知识点，标签模板既可以用vue里也可以用小程序里的，比如swiper、block、icon、picker、scroll-view等，swiper在轮播图中运用方便高效。block是一个包装元素，不会在页面中做任何渲染，只接受控制属性，比如v-if、v-for等。scroll-view是用来实现横向滚动和竖向滚动的，通过scroll-x和scroll-y来实现。