微信小程序--学习 wepy

第六单元 wepy

一、昨日知识点回顾

1.小程序组件
2.组件的数据与方法
3.Properties
4.组件通信

---

二、本单元知识点概述

---

三、本单元教学目标

（Ⅰ）重点知识目标

1.wepy的安装与运行
2.wepy配置

（Ⅱ）能力目标

1.掌握wepy的安装与运行
2.掌握wepy配置

---

四、本单元知识详讲

6.1. wepy

• 官网：WePY Document

6.1.1 wepy简介

1. 什么是wepy

   • WePY 是腾讯官方出品的一个小程序快速开发框架，对原生小程序的开发模式进行了再次封装，更贴近于 MVVM 架构模式，并支持ES6/7的一些新特性，同时语法风格更接近于 Vue.js，使用 WePY 框架能够提高 小程序的开发效率

   • 注意：WePY 只是小程序的快速开发框架之一，市面上还有诸如 mpvue 之类的小程序开发框架也比较流行

2. 为什么要使用wepy

   1. 开发风格接近于 Vue.js，支持很多vue中的语法特性

   2. 通过 polyfill 让小程序完美支持 Promise

   3. 以使用ES6等诸多高级语法特性，简化代码，提高开发效率

   4. 对小程序本身的性能做出了进一步的优化

   5. 支持第三方的 npm 资源

   6. 持多种插件处理和编译器

6.1.2 wepy的安装与运行

1. 安装wepy

   npm i -g @wepy/cli

2. 运行

   wepy init standard myproject # 使用 standard 模板初始化项目
   cd myproject # 进入到项目目录
   npm install # 安装项目依赖包
   npm run dev # 监听并且编译项目

   ”wepy init” 是固