创建uni-app项目(可同时发布原生App、小程序、H5)

背景:一切为了成本(公司目前主要业务就是开发微信小程序和微信公众号H5),所以老板要求写一套既能在小程序跑,又能在H5(微信公众号)跑的代码,于是自然而然盯上了uni-app。欲用之,先学之,那就先从官网文档开始吧。
uni-app官网

好,看了两三天,还是先动手吧,一边写一边看。
创建我的uni-app项目
工欲善其事必先利其器——HBuilder~ 下载好HBuilder编辑器(原本开发用的就是HBuilder的同志跳过~)
官方下载地址

其实创建过程,uni-app官网写的很清楚的,可以直接跟着官方走:
在这里插入图片描述
在这里插入图片描述
就是这么简单!
在这里插入图片描述
总的来说差不多就是这样,实际进入项目进行开发的话其实就是Vue和小程序的结合写法。每个页面都由三部分组成:template、script、style,跟vue一样;其中template中的写法,则使用小程序的写法:view、text、image之类的标签。其中可能还有一些特殊的差异化,这需要遇到后具体解决,总之大体上其实跟我们平时开发没差多少(个人感觉吧)。当然,条条大路通罗马,一切都以官网为准。
持续更新中…

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐