小程序:启动Hello uni-app

uniapp允许开发者使用一套代码实现多端发行,覆盖Android、iOS、Web等多个平台。其特点包括组件与API与微信小程序一致、支持npm安装第三方包、兼容多种小程序及混合编码。开发工具推荐使用HbuildX,通过它创建项目并预览效果。uniapp还提供了丰富的组件和开放生态,便于快速构建应用。
摘要由CSDN通过智能技术生成

一、uniapp特点:

1.1、跨平台更多

一套代码,多端发行。需要在不同的开发环境(或工具)去调试代码,比如微信小程序,需要在微信开发工具里边查看效果进行调试,最后以真机为准。
条件编译:优雅的在一个项目里边调用不同平台的特色功能。
支持平台:Android、IOS、Web、微信小程序、支付宝小程序、百度小程序、字节跳动小程序、快应用、QQ小程序、360小程序、快手小程序、飞书小程序、钉钉小程序、京东小程序

1.2、运行体验更好

组件、api与微信小程序一致、兼容weex原生渲染

1.3、通用技术栈、学习成本更低

vue的语法、微信小程序的api、内嵌mpvue

1.4、开放生态、组件更丰富

支持通过npm安装第三方包

支持微信小程序自定义组件及sdk

兼容mpvue组件及项目

App端支持和原生混合编码

DCloud将发布插件市场

1.5、开发工具 -- 推荐HbuildX

二、起手:

2.1、通过HbuildX创建项目

 2.2、推荐选用htllo uni-app,启动项目后可以可以查看里边都有很多组件元素可以先体验一把,开发生产项目的时候可以选用默认模板。选择vue3版本。

 2.3、hello uni-app目录如下:

 2.4、在内置浏览器运行,效果如图

2.5、在微信开发工具运行: 

2.6、开发工具效果如图:

 三、uni架构图:

参考链接:

uni-app官网

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值