使用 UniAPP 构建项目

  1. 使用 Hbuilder uni-app 默认空白模板构建项目 study

项目介绍及基础页面构建 - 图1

  1. 在 manifest.json 文件中配置微信小程序相关信息

项目介绍及基础页面构建 - 图2

构建项目文件结构

  1. 构建项目基础结构

项目介绍及基础页面构建 - 图3

  1. 初始化基础页面及配置 pages.json Pages 路由

项目介绍及基础页面构建 - 图4

配置页面 TabBar 导航

项目介绍及基础页面构建 - 图5

使用 npm 引入 uView UI 插件库

  1. 使用 HBuilder 导入插件 uViewUI 或者使用 npm 安装相关依赖（推荐使用 npm 安装）

项目介绍及基础页面构建 - 图6

  1. main.js 引入uView库

项目介绍及基础页面构建 - 图7

  1. 编辑器安装相关依赖 工具 — 插件安装 — scss 编译支持

项目介绍及基础页面构建 - 图8

  1. App.vue 引入基础样式

项目介绍及基础页面构建 - 图9

  1. uni.scss 引入全局scss变量文件

项目介绍及基础页面构建 - 图10

  1. pages.json 配置easycom规则(按需引入)

项目介绍及基础页面构建 - 图11