使用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开发环境的时候，有时候会遇到一些报错，不过没关系，属含宴于正常现象，稍微耐心一些，百度一下，就可以解决啦。

当在D盘输入命令，全局安装wepy时候。

有时候会报出这样的错误。

但是，同样的命令在c盘根目录下执行，却不会报错

这是个令人脑壳疼的bug，但是对于小婷来说，这两年来的无数bug早已让我心情无法激动，因为总是在一遍遍的尝试，百度之下，找到bug所在，这个也档氏不例外。

解决办法：

在d盘之中输入命令，查看一下npm的版本，果然不出我所料

那就重新在d盘里面安装，其实安装npm在前面的很多文章里面的都已经说过了，三大框架以及node的使用几乎都是差不多的原理

进入D盘（当然可以根据你自己的选择来安装路径）全局安装镜像。由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue.

淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

安装成功之谈蠢银后显示如下

注：出现这个bug的原因，（大部分人可能都不会出现这个报错了）d盘可能已经被我玩坏了，各大框架的环境都安装了一遍，看着各种支撑眼花缭乱，为了省事，现在也删掉啦，等到需要的时候再来。

打开d盘，删除之前安装的wepy相关全局依赖等等

然后再此执行命令

成功在d盘安装全局

总结：出现这样的报错，解决办法两步走，就去删掉多余的，安装没有的部分。

---