小程序中wepy框架的安装

1.为什么要选择wepy框架

开发风格：接近于vue.js，支持组件props传值，定义事件，组件分布式复用Mixin，计算属性函数computed，模板内容分发slot等

组件化：组件化开发，完美解决组件间隔，组件嵌套，组件通信等问题。

NPM：支持第三方npm资源，自动处理npm资源之间的依赖关系，完美兼容所有无平台依赖的npm资源包。

Promise：通过polyfill让小程序完美支持Promise，解决回调函数问题。

ES：可使用Generator Function/Class/Async Function 等特性，大大提升开发效率。

优化：对小程序本身的优化，如请求列对处理优雅的事件处理，生命周期的补充，性能的优化等等。

编译器：支持样式编译器，Less/Sass/Styus,模板编译器：wx-ml/Pug.代码编辑器：Babel/Typescript.

插件：支持多种插件处理，如文件压缩，图片压缩，内容替换等，扩展简单，使用方便。

框架大小：压缩后24.3kb 即可拥有所有框架功能，额外增加8.9kb后即可使用Promise和Async Function。

wepy项目的创建和使用

安装都是通过npm进行安装

安装wepy命令行工具

npm install wepy-cli -g

-g 表示全局安装

在开发目录生成开发的demo文件夹

wepy init standard demo表文件名

在完成文件的初始化之后，使用命令

npm i

下载wepy所使用的npm包

然后在使用命令 wepy build --watch 开启实时编译

在开发者工具中打开小程序文件，同时在编辑器中打开自己的小程序文件，打开文件的实时编译，这样就能完成在wepy框架中进行小程序的编辑，当我们使用ctrl+s保存文件的时候，小程序文件同时也会在编辑器中进行实时编译我们的小程序文件，并将我们的小程序的页面进行加载。

小程序wepy框架的第一次使用自我感觉不是那么的顺手，希望在以后的使用中能够更多地了解它的基本用法，小程序的世界是多么的美好，很值得我们一起携手去进行探讨，一起加油。