大家好，我是黑马腾云。这是一个原创系列文章，基于企业真实项目案例分享经验，带你快速上手单应用开发！欢迎点击头像关注，避免迷路！同时，如果您觉得文章不错，欢迎转发，帮助更多的人。文章更新有段时间了，忙了半年创业。期间带领团队从0到1用uni-app+java开发了两个类似商城的商业应用。产品形态涵盖H5、微信小程序、IOS、Android。目前，产品已成功投放到各大电子市场。难得有时间静下心来对项目做一个总结。本系列文章首先从公司的角度分析产品技术选型，然后结合我们实际的项目开发经验进行总结，供大家参考。1、我们为什么选择uni-app？从项目开发到市场投放，开发只是项目的一小部分。尤其对于初创企业来说，花好每一分钱尤为重要。因此，产品开发过程必须足够快，成本要足够低。由于一些特殊原因，在立项之初，团队的产品需求是包括：微信小程序、H5、Android、Ios，并尽可能覆盖其他平台。单从技术角度来说，实现方法还是挺多的。1、采用原生开发模式微信小程序：微信官方提供原生开发模式。Android：使用java或Kotlin进行原生开发。Ios：使用Object-c或Swift进行原生开发。原生开发模式，小程序、Android、Ios每个岗位至少需要一个人，成本相对较高。2、采用大前端技术，一次性开发，封装多平台大前端跨平台技术也有不同的技术方案：uni-app、flutter、reactnative、Taro等，一次开发即可跨终端兼容。跨端技术经过多年的发展，除非特殊场合对性能要求非常高，否则性能基本可以满足普通应用的要求，即使有特殊需求，也可以通过混合开发方式解决。综合考虑技术生态、开发者社区活跃度、学习成本等多方面，uni-app是创业团队更好的选择。uni-app拥有良好的多端兼容机制，拥有大量的成功项目案例。同时uni-app是基于vue.js实现的，前端人员可以轻松实现H5、小程序、App和管理后台的开发（即使在很多小公司，这些工作都可以通过一个人），节省人工成本。2、策划研发产品（应用商店、安卓电子市场、小程序发布）成功上线的系列文章，直接验证了方案的可行性。当然，在开发过程中遇到了一些坑，特地整理总结，以供参考和讨论。为了让没有接触过uni-app开发的人也能快速上手，本系列文章将从最常用的基础知识点入手，从入门到实战整理成系列文章.文章前半部分主要讲解基础知识点，后半部分将以实战的形式进行demo演示。前置知识了解微信小程序开发概念了解app相关概念有一定HTML+CSS基础适用人群零基础前端人员想了解前端的在校学生后端程序员对mini感兴趣-程序及APP开发特别说明：由于本系列文章主要为初学者提供参考和帮助，不适合有经验的uni-app开发者。稍后会推出高阶实用系列，敬请期待。内容策划uni-app跨端开发H5、小程序、IOS、Android（一）：太强了，一体机开发uni-app跨端开发H5、小程序、IOS、Android（2）：使用HBuilderX等工具进行跨端开发uni-app跨端开发H5、小程序、IOS、Android（3）：了解uni-app框架思路uni-app跨端开发H5、小程序、IOS、Android（四）：了解uni-app项目结构uni-app跨端开发H5、小程序、IOS、Android（五）：一文理清uni-app双向数据绑定uni-app跨端开发H5、小程序、IOS、Android（六）：一文厘清uni-app事件绑定机制：了解uni-app生命周期功能及功能uni-app跨终端开发之H5、小程序、IOS、Android（9）：为什么uni-app可以适配不同屏幕尺寸的uni-app跨终端开发H5、小程序、IOS、Android（10）：如何实现跨终端兼容，全平台覆盖uni-app跨终端开发H5、小程序、IOS、Android（十一）：主流的前端布局方式有哪些uni-app跨终端开发H5、小程序、IOS、Android（十二）：一文掌握flex中的容器属性layoutuni-app跨终端开发H5、小程序、IOS、Android（十三）：一文掌握flex布局demo部分的元素属性.....3.uni-app介绍uni，发音youni，意为统一。uni-app是一个使用Vue.js开发所有前端应用程序的框架。开发者编写一套代码，可以发布到iOS、Android、Web（响应式）、各种小程序（微信/支付宝/百度/今日头条/QQ/钉钉/淘宝）、快应用等平台。uni-app在开发者数量、案例数量、跨终端练级、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8个关键指标上具有较强优势。uni-app最大的特点就是跨平台，底层屏蔽了各大平台的差异，让开发者可以使用同一套语法在不同平台开发应用。uni-app跨平台的本质思想是在编译时将代码转换成各自平台的代码。uni-app官方功能框架如下：经过几年的发展，平台聚集了数百万开发者，拥有完整的插件市场和周边生态，还提供广告变现，无论是创业公司还是个人开发商两者都是不错的选择。4、开发工具介绍前端开发工具很多，主要分为文本编辑器和IDE集成环境。选择很多：Atom、sublime、Dreamweaver、VisualStudioCode、WebStorm、HbuilderX等等。没有最好，适合的才是好的。业界最常用的有：VisualStudioCode和HbuilderX。我们团队使用官方的HbuilderX进行跨端开发。您可以根据个人喜好选择某一种开发工具，也可以混合使用多种开发工具。5.真实项目展示真实商业项目已在各大电子市场发布上线。您可以按名称搜索它们。案例一：《好厨房联盟》应用商店、各大电子市场、公众号、小程序均可搜索体验。案例二：“大当家云火锅”公众号和小程序可搜索体验。下一篇我们就来看看HBuilderX开发工具的使用技巧吧。更多精彩内容，欢迎继续关注。如有问题，请加作者进行交流。作者简介：黑马腾云，码农，创业者，终身学习者！乐于分享技术、创业、人生思考。关注我，一起为生活加油！
