本文介绍了如何使用uni-app创建一个可以同时发布到原生App、小程序和H5的项目。作者首先强调了成本效益，然后详细说明了通过HBuilder编辑器创建uni-app项目的简单步骤。尽管在实际开发中会遇到一些差异化问题，但整体体验接近于Vue和小程序的结合。项目结构遵循Vue的template、script、style模式，结合小程序的标签语法。作者承诺将持续更新分享uni-app开发经验。
创建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之类的标签。其中可能还有一些特殊的差异化，这需要遇到后具体解决，总之大体上其实跟我们平时开发没差多少（个人感觉吧）。当然，条条大路通罗马，一切都以官网为准。
持续更新中…
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
