使用Wepy开发微信小程序（1）——初识Wepy

本来想好好的写写TS开发小程序的，奈何情况有变，肆困公司研发资源重新调配烂掘，无法在这条路上走下去，目前新的方案是饥雹核使用Wepy进行开发（因为新的人员之前习惯使用Vue，为了降低他的入手难度选择了这个框架），其实很多时候我们学习新框架更多的还是因为当时的项目环境，决策环境导致的。

从以上的官网介绍中我们可以得到以下几个信息：

参考： https://tencent.github.io/wepy/document.html#/./doc.cli?id=%E5%AE%89%E8%A3%85-installation

跟着官方文档一步步走下去，很快就搭好了，输入的命令如下：

在微信小程序开发工具中预览如下：

好了，第一步算是走完了，接下来就是找个好的完整的开源项目进行学习了。

下面是最近了解的，开发者使用较多的核烂雹框架：

1. WePY

WePY属腾讯系，是一款组件化的开发框架，比原生小程序改帆的开发模式更接近于MVVM ，它类Vue的开发风格，让Vue开发者很容易上手。

Github地址: https://github.com/Tencent/wepy

官网地址：https://tencent.github.io/wepy

2. mpvue

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引历或入了整套 Vue.js 开发体验。

Github：https://github.com/Meituan-Dianping/mpvue

官网：http://mpvue.com/

wepy 小程序的框架，语法和vue很像。

app.wpy 小程序入口 页面配置注册

index.wpy

快速使用:

运行之判扮兆后，项目就会生成一个dist目录

用vscode 打开项目，用微信开发者打开项目中的dist文件夹即可，微信开发者工具中不能识别wpy，再dist文件夹中，会把wpy 文件分拆成wxml、js 、掘租wxss、json 文件

这样就可以使用缺蚂了。具体api看官网即可

.wepyignore文件种写npm run dev 编译到dist文件种过滤得文件

---