uni-app的闲聊

前言：

最近公司要做一款微信小程序的商城项目，以前在学校的时候，就是用微信开发者工具直接开发的，后来在公司就一直在做前端，都是PC端的，就很少接触微信小程序了，也一直使用的HBuilderX工具，现在要重新接触微信小程序，感觉再回去用微信开发者工具，就和我现在运用的知识脱轨了，所以为了能继续在HBuilderX上开发，接着使用Vue的相关知识框架，所以就选用了uni-app来进行微信小程序的开发。

介绍uni-app：

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。上面是他们官方的语言，白嫖过来的。简单的来说就是，一次开发，多平台使用。那么就有人问了，“这个东西那么好，怎么没有流行起来？”因为每个平台都有自己的规范，uni-app想要做到兼容，还是有很多bug存在的，还需要很长的路要走。下面是它的功能框架图：

由图能看出，uni-app还是功能比较强大的。

如何使用：

以HBuilderX的开发为例

（1）HBuilderX是通用的前端开发工具，而且为uni-app做了特别的强化（毕竟是一个公司的）。在下载HBuilderX的时候，会提示安装uni-app插件，下载安装完成后即可使用。

（2）在文件->新建->项目中选则uni-app类型，输入项目名称，选择模板，即可创建。

（3）点击运行，就可选则运行的环境，是微信小程序，还是H5，还是APP等等。

uni-app有很多插件案例，可以直接下载到HBuilderX上直接运行，根据自己的需求进行修改，这一点还是很方便的。

uni-app还可以把其他项目转成uni-app项目，从其他项目转uni-app