Uniapp跨平台开发简介和使用

ikunlxx

已于 2024-06-02 21:11:08 修改

阅读量1.4k

点赞数 37

文章标签： uni-app

于 2024-06-02 19:18:26 首次发布

本文链接：https://blog.csdn.net/ikunlxx/article/details/139391280

版权

一.uni-app跨平台开发与应用简介

uni-app是一个全端开发框架，可以将开发的项目一次性编译为Web，app,小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝），快应用。uni-app支持使用各种IDE(Integrated Developmen Environment，集成开发环境)进行开发，如Vscode、WebStorm，但与HBuilderX结合使用更
完美。

二.uni-app跨平台开发与应用的由来

很多人以为小程序是微信先推出的，其实DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术，优化WebView的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。2015年，DCloud正式推出了自己的小程序，产品名为“流应用”，它不是B/S模式的轻应用，而是接近系统的原生功能、性能的动态APP，并且即点即用，第一次使用时可以边下载边使用。为了推广该技术，DCloud将技术标准捐献给了工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入该标准，开展小程序业务。360手机助手率先接入该在其3.4版本实现了应用的秒开运行。

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多知名App所属企业为流应用平台提供应用。2015年9月，DCloud推动微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，并分享了WebView体验优化的经验。微信团队经过分析后，于2016年初决定上线小程序业务，但没有接入联盟标准，而是制定了自己的
标准。

DCloud持续在业内推广小程序理念，推动包括手机厂商在内的互联网企业陆续上线类似小程序或快应用的业务。部分企业接入了联盟标准，但更多企业因存在利益纷争，标准难以统一。技术是纯粹的，不应该因为商业利益而分裂。造成混乱的局面并非DCloud所愿，于是DCloud决定开发一个免费、开源的框架，为开发者抹平各平台的差异，这就是uni-app的由来。铸就uni-app成功的因素有以下几点。

①经过多年的积累，截至2021年3月，DCloud拥有900万个开发者。

②DCloud一直都有小程序的i0S、Android引擎，因此uni-app的App端和小程序端保持高度一致。

③DCloud在引擎上的持续投人，使得uni-app的App端功能、性能均优于大多数小程序引擎

④DCloud非常了解各平台的小程序，因此开发抹平各端差异的跨端框架比较轻松。

现在，uni-app已经是业内主流的应用开发框架，支撑着12亿活跃手机用户的庞大生态。

三.uni-app开发工具简介

在uni-app的日常开发中，使用得比较多的是HBuilderX编辑器。“HBuilderX”中，H是HTML(Hyper Text Markup Language，超文本标记语言)，Builder是构造者，X是HBuilder的下一代版本，简称HX。HX是为前端开发者服务的通用IDE，或称为编辑器，与VSCode、SublimeWebStorm等编辑器类似，可以开发普通Web项目，也可以开发DCloud推出的uni-app项目5+App项目、wap2app项目。除了支持前端技术栈，HBuilderX也可以借助插件支持PHP等其他语言。

HBuilderX编辑器相比其他编辑器具有以下优势。

(1)轻巧、极速:HBuilderX绿色发行包只有10MB。不管是启动、打开大文档，还是编码提示，都能极速响应。采用C++的架构，性能远超Java或Electron架构。

(2)强大的语法提示:HBuilderX具有优秀的AST(AbstractSyntaxTree，抽象语法树)语法分析能力，其语法提示精准、全面、细致。

(3)专为Vue打造:提供比其他工具更优秀的Vue支持，大幅提升Vue开发效率。

(4)清爽护眼:界面清爽简洁，绿柔主题适合人眼长期观看。

(5)高效极客操作:HBuilderX对字处理提供了强大的支持，多光标、智能双击、选区管理等让文字处理的效率大幅提升

(6)markdown优先:HBuilderX是唯一一个新建文件默认类型是markdown的编辑器，也是对MD书写支持最强的编辑器，甚至可以直接粘贴表格、图片。

(7)小程序支持:国外的开发工具没有对中国的小程序开发进行优化，HBuilderX可以新建小程序项目，为国人提供更高效的工具。

(8)拓展性强:HBuilderX支持Java插件、Node.js插件，并兼容很多VSCode插件及代码块:还可以通过外部命令方便地调用各种命令行功能，并设置快捷键。如果想要使用其他工具(如VSCode或Sublime)的快捷键，可以在【工具】→【预设快捷键方案切换】菜单中进行切换。

四.HBuilderX工具

HBuilderX是通用的前端开发工具，且为uni-app做了特别强化，是uni-app官方推荐的开发工具。

下载HBuilderX，官网下载地址：HBuilderX-高效极客技巧