前言:

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

介绍uni-app

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

uni-app的闲聊

由图能看出,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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-18
  • 2021-07-03
猜你喜欢
  • 2021-08-16
  • 2021-07-06
  • 2021-06-27
  • 2021-07-28
  • 2021-11-26
  • 2021-06-19
  • 2021-12-08
相关资源
相似解决方案