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

一、写在前面

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

话说真心喜欢用TS，也许是因为一开始是做C#和Java这类面向对象出身的吧，所以倾向TS这种更贴合C#的语法和代码组织。以后有机会再在团队中推行TS+Wepy

二、 认识Wepy

Wepy官网： https://tencent.github.io/wepy/

官方宣传

为什么选择Wepy

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

• 1. Wepy是腾讯开源的，所以在进行微信小程序开发时会有一定优势
• 2. Wepy的代码风格是参照Vue的，所以有Vue基础的同学会更容易上手
• 3. Wepy目前使用的人数还是比较多的，网上相关资料也比较多，所以当遇到问题时能够有更好的解决方法

三、第一个Wepy小程序

参考：https://tencent.github.io/wepy/document.html#/./doc.cli?id=%E5%AE%89%E8%A3%85-installation
跟着官方文档一步步走下去，很快就搭好了，输入的命令如下：

npm install -g wepy-cli
wepy init standard my-project
wepy build

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

Demo截图

需要注意的是: 在导入微信开发者工具时，最好是导入编译生成的dist文件夹，具体原因以后再讲。

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