微信小程序开发o2o 第1篇
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
使用 npm 构建前，请先阅读微信官方的 npm 支持
开发者工具创建的项目，miniprogramRoot 默认为 miniprogram， 在其外部，npm 构建无法正常工作。 需要手动在 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为 ‘./’ 即可
如果你使用 typescript 开发小程序，还需要做如下操作，以获得顺畅的开发体验。
安装 miniprogram-api-typings
在 中增加如下配置，以防止 tsc 编译报错。 请将path/to/node_modules/@vant/weapp修改为项目的 node_modules 中 @vant/weapp 所在的目录。
以 Button 组件为例，只需要在或中配置 Button 对应的路径即可。 所有组件文档中的引入路径均以 npm 安装为例，如果你是通过下载源代码的方式使用 @vant/weapp，请将路径修改为项目中 @vant/weapp 所在的目录。
引入组件后，可以在 wxml 中直接使用组件
接着打开微信开发者工具，导入example目录的项目就可以预览示例了。
微信小程序开发o2o 第2篇
tabBar 是移动端应用常见的页面效果， 用于实现多页面 的快速切换 。 小程序中通常将其分为： 1，底部 tabBar 2，顶部 tabBar
① 打开 配置文件，和 pages、window 平级，新增 tabBar 节点 ② tabBar 节点中，新增 list 数组 ，这个数组中存放的，是每个 tab 项的配置对象 ③ 在 list 数组中， 新增每一个 tab 项的配置对象 。对象中包含的属性如下： pagePath 指定当前 tab 对应的页面路径 【 必填 】 text 指定当前 tab 上按钮的文字【 必填】 iconPath 指定当前 tab 未选中时候的图片路径【可选】 selectedIconPath 指定当前 tab 被选中后高亮的图片路径【可选】
微信小程序开发o2o 第3篇
接着填写账号信息，需要注意的是，填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱，而且每个邮箱仅能申请一个小程序。
激活邮箱之后，选择主体类型为 “个人类型”，并按要求登记主体信息。主体信息提交后不可修改，该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体，在后续开通其他业务功能时不得变更或修改。