推荐工具 HBuilder

Posted 2022-01-04 David凉宸

HBuilder，H是html的缩写，Builder是建设者
它是为前端开发者服务的通用IDE，或者称为编辑器。与vscode、sublime、webstorm类似
它可以开发普通web项目，也可以开发DCloud出品的uni-app项目、5+App项目、wap2app项目
目前有800万开发者在使用HBuilder
老版的HBuilder是红色logo，已于2018年停止更新。绿色logo的HBuilderX是新版替代品
除了服务前端技术栈，它也可以通过插件支持php等其他语言
相比于竞品，它的优势有：

• 运行速度快（c++内核）
• 对markdown、vue支持更为优秀
• 还能开发App、小程序，尤其对DCloud的uni-app、5+App等手机端产品有良好的支持

特点：
快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率
支持：

uni-app：
uni-app，uni念you ni，是统一、聚合的意思。虽然名字里有app，但实际是泛指前端应用
uni-app是为js开发者提供的一个全端开发框架，可以开发一次编译为web、App、小程序（微信/阿里/百度/字节跳动/QQ）、快应用
它支持使用各种ide开发，比如vscode、webstorm，但与HBuilderX结合使用更完美
uni-app是当前国内主流开发框架，手机端月活超过12亿，案例众多
uni-app是vuejs的语法+小程序的API，它有独立的js引擎，原生能力的扩展基于独立js引擎，而不是基于webview的扩展方案
在App端，uni-app支持视图层使用原生渲染（此时类似react native），也支持使用webview渲染（此时类似小程序引擎），开发者可以自行选择

uni-app官网

uniCloud：
uniCloud是与uni-app配套的后台服务器开发解决方案。它们之间设计了协作体系，搭配使用可以获得更高的开发效率
它基于js开发服务器代码，它基于serverLess方案，免服务器的配置、安全、增容等运维工作。并且价格也比传统服务器低很多
uniCloud与微信小程序云开发、支付宝小程序云开发类似
但不同于这些云开发，uniCloud同时兼容阿里云serverLess和腾讯云serverLess，更重要的是与uni-app搭配实现手机端全端兼容（App、H5、所有小程序），而不是仅限于某家固定的小程序
uniCloud可以让一个js工程师，完成全套业务，无需再为服务器开发雇佣php、java等工程师。大幅提升效率、降低成本
uniCloud可通过云函数URL化实现普通http通信接口，非uni-app开发的应用也可以通过这种方式连接uniCloud

uniCloud文档

5+App：
5+，是html5plus的缩写，即基于html5的增强扩展
它是一个跨ios、android的混合开发App解决方案，与cordova类似
它基于webview渲染，封装了大量原生能力给js API
5+App是DCloud早期产品，新产品uni-app推出后，从功能、性能、生态全部超越5+App
但5+App不要求使用vue，使用普通HTML即可开发
一般商业级项目建议使用uni-app开发

uni小程序sdk：
uni小程序sdk，英文uniMpSDK，是为原生App开发者提供的sdk
原生App集成uni小程序sdk可以获得众多好处：

• 快速打造自己的小程序生态
• 将App里的部分栏目实现小程序化，方便解耦、快速迭代升级