bitpie安卓最新版下载|uni
uni-app快速上手 | uni-app官网
uni-app快速上手 | uni-app官网
uni-app
uni-app x
uniCloud
HBuilder
uni 小程序 sdk
uni-app uni-app
uni-app x
uniCloud
HBuilder
uni 小程序 sdk
简体中文 搜索文档 K
介绍
教程
全局文件
组件
API
插件
工程化
UTS
其他规范 其他规范
App扩展规范 HTML5 Plus
微信小程序
支付宝小程序
百度小程序
抖音小程序
飞书小程序
钉钉小程序
QQ小程序
快手小程序
京东小程序
华为快应用
360小程序
Weex
GitHub
介绍
介绍
教程
全局文件
组件
API
插件
工程化
UTS
其他规范 其他规范
App扩展规范 HTML5 Plus
微信小程序
支付宝小程序
百度小程序
抖音小程序
飞书小程序
钉钉小程序
QQ小程序
快手小程序
京东小程序
华为快应用
360小程序
Weex
GitHub
什么是 uni-app快速上手 uni-app的由来如何学习选型指南跨端注意常见问题其他项目转uni-app老项目引入uni-app运营服务 案例更新日志 uniCloud Web控制台 插件市场 ask问答社区 uniAD uni统计
代码仓库：
Gitee
、
GitHub
uni-app的uni-im交流群：
点击加入
官方QQ交流群
群35：713420817（2000人已满）
群34：530305531（2000人已满）
群33：498071674（2000人已满）
群32：166188631（2000人已满）
群31：567471669（2000人已满）
群30：371046920（2000人已满）
群29：202965481（2000人已满）
群28：166188776（2000人已满）
群27：811363410（2000人已满）
群26：147867597（2000人已满）
群25：165297000（2000人已满）
群24：672494800（2000人已满）
群23：599958679（2000人已满）
群22：687186952（2000人已满）
群21：717019120（2000人已满）
群20：165796402（2000人已满）
群19：165657124（2000人已满）
群18：698592271（2000人已满）
群17：951348804（2000人已满）
群16：719211033（2000人已满）
群15：516984120（2000人已满）
群14：465953250（2000人已满）
群13：699478442（2000人已满）
群12：884860657（2000人已满）
群11：296811328（2000人已满）
群10：959059626（2000人已满）
群9：775128777（2000人已满）
群8：695442854（2000人已满）
群7：942061423（2000人已满）
群6：697264024（2000人已满）
群5：731951419（2000人已满）
群4：942702595（2000人已满）
群3：773794803（2000人已满）
群2：901474938（2000人已满）
群1：531031261（2000人已满）
关注微信公众号
uni-app快速上手
1. 通过 HBuilderX 可视化界面
创建uni-app
运行uni-app
发布uni-app
打包为原生App（云端）
打包为原生App（离线）
发布为H5
发布为小程序
环境安装
展示全部
# uni-app快速上手 uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。 # 1. 通过 HBuilderX 可视化界面 可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。 开始之前，开发者需先下载安装如下工具： HBuilderX：官方IDE下载地址 HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。 下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。 如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。 # 创建uni-app 在点击工具栏里的文件 -> 新建 -> 项目：
选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。 uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。 # 运行uni-app 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。
真机运行：连接手机，开启USB调试，进入hello-uniapp项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备，即可在该设备里面体验uni-app。
如手机无法识别，请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。
注意目前开发App也需要安装微信开发者工具。 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
**注意：**如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面，在HBuilderX里面开发，在微信开发者工具里面就可看到实时的效果。 uni-app默认把项目编译到根目录的unpackage目录。
在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。
在百度开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 百度开发者工具，即可在百度开发者工具里面体验uni-app。
在抖音开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 抖音开发者工具，即可在抖音开发者工具里面体验uni-app。
在360开发工具中导入：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具，即可在360开发工具里面体验uni-app。
在快应用联盟工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 快应用联盟工具，即可在快应用联盟工具里面体验uni-app。
在华为开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 华为开发者工具，即可在华为开发者工具里面体验uni-app。
在QQ小程序开发工具里运行：内容同上，不再重复。 Tips 如果是第一次使用，需要配置开发工具的相关路径。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。 支付宝/百度/抖音/360小程序工具，不支持直接指定项目启动并运行。因此开发工具启动后，请将 HBuilderX 控制台中提示的项目路径，在相应小程序开发者工具中打开。 如果自动启动小程序开发工具失败，请手动启动小程序开发工具并将 HBuilderX 控制台提示的项目路径，打开项目。 运行的快捷键是Ctrl+r。
HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
如需调试，可参考：uni-app调试 # 发布uni-app # 打包为原生App（云端） 在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图：
出现如下界面，点击打包即可。
# 打包为原生App（离线） uni-app 支持离线打包，在 HBuilderX 发行菜单里生成离线打包资源，然后参考离线打包文档操作，可以从HBuilderX的发行菜单里找到文档链接，也可以直接访问：https://nativesupport.dcloud.net.cn/AppDocs/README 。 在HBuilderX工具栏，点击发行，选择本地打包，如下图，点击即可生成离线打包资源。 # 发布为H5 在 manifest.json 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：https://hellouniapp.dcloud.net.cn 。
在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。 注意 history 模式发行需要后台配置支持，详见：history 模式的后端配置 打包部署后，在服务器上开启 gzip 可以进一步压缩文件。具体的配置，可以参考网上的分享：https://juejin.im/post/5af003286fb9a07aac24611b # 发布为小程序 发布为微信小程序： 申请微信小程序AppID，参考：微信教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 unpackage/dist/build/mp-weixin 生成微信小程序项目代码。
在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：微信官方教程 。 发布为百度小程序： 入驻小程序并申请百度小程序AppID，参考：百度小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 /unpackage/dist/build/mp-baidu 生成百度小程序项目代码。
在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 管理中心 选择创建的应用点击前往发布，选择对应的版本然后提交审核。 发布为支付宝小程序： 入驻支付宝小程序，参考：支付宝小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 /unpackage/dist/build/mp-alipay 生成支付宝小程序项目代码。
在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 支付宝小程序后台 ，选择刚提交的版本点击提交审核，详见：支付宝小程序文档 。 发布为抖音小程序： 入驻抖音小程序，参考：抖音小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-抖音"，即可在 /unpackage/dist/build/mp-toutiao 生成抖音小程序项目代码。
在抖音小程序开发者工具中，导入生成的抖音小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 抖音小程序后台 ，选择刚提交的版本点击提交审核，详见：抖音小程序文档 。 发布为360小程序： 入驻360小程序，参考：360小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 /unpackage/dist/build/mp-360 生成360小程序项目代码。
在360浏览器中，导入生成的360小程序项目 注意 目前仅windows平台支持。360浏览器自身不支持mac平台。 发布为快应用(webview)： 入驻快应用(webview)，参考：快应用(webview)教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 /unpackage/dist/build/quickapp-webview 生成快应用(webview)项目代码。
在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在快应用联盟后台 上传 发布为快应用(webview) - 华为： 入驻华为快应用，参考：华为快应用教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 /unpackage/dist/build/quickapp-webview 生成华为快应用项目代码。
在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在华为快应用后台 上传 发布为QQ小程序：
内容同上，不再重复。 发布的快捷键是Ctrl+u。同样可拉下快速发布菜单并按数字键选择。 # 2. 通过vue-cli命令行 除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 # 环境安装 全局安装vue-cli npm install -g @vue/cli
# 创建uni-app 使用正式版（对应HBuilderX最新正式版） vue create -p dcloudio/uni-preset-vue my-project
使用Alpha版（对应HBuilderX最新Alpha版） vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板，如下所示： # 自定义模板 选择自定义模板时，需要填写 uni-app 模板地址，这个地址其实就是托管在云端的仓库地址。以 GitHub 为例，地址格式为 userName/repositoryName，如 dcloudio/uni-template-picture 就是下载图片模板。 更多支持的下载方式，请参考这个插件的说明：download-git-repo # 修改依赖为指定版本 查看 HBuilderX 对应的 NPM 依赖版本: 打开 NPM版本记录 ，版本号 2.0.0- 后面是与 HBuilderX 对应的版本号且小版本不会超过9，比如 HBuilderX 2.7.5.20200518 对应的版本号 2.0.0-27520200518001，2.0.0-271420200618 对应的为 2.0.0-27920200618002。 批量修改 package.json 中 uni 相关依赖为指定的版本号（去掉版本号前面 ^）。 对于有变化的依赖进行增删，提示不存指定版本的依赖可以保留原始版本或者删除，运行时提示缺少的依赖自行安装。 # 运行、发布uni-app npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值如下： 值 平台 app-plus app平台生成打包资源（支持npm run build:app-plus，可用于持续集成。不支持run，运行调试仍需在HBuilderX中操作） h5 H5 mp-alipay 支付宝小程序 mp-baidu 百度小程序 mp-weixin 微信小程序 mp-toutiao 抖音小程序 mp-lark 飞书小程序 mp-qq qq 小程序 mp-360 360 小程序 mp-kuaishou 快手小程序 mp-jd 京东小程序 quickapp-webview 快应用(webview) quickapp-webview-union 快应用联盟 quickapp-webview-huawei 快应用华为 可以自定义更多条件编译平台，比如钉钉小程序，参考package.json文档 。 # 运行并发布快应用 快应用有两种开发方式，uni-app均支持： 类小程序webview渲染方式：https://ask.dcloud.net.cn/article/37182 原生渲染方式：https://ask.dcloud.net.cn/article/37145 # 运行并发布快应用(webview) HBuilderX 2.7.12+ 版支持 # 运行并发布快应用(webview)-华为 HBuilderX 2.7.10+ 版支持 华为快应用文档-小程序转快应用 https://developer.huawei.com/consumer/cn/doc/development/quickApp-References/quickapp-filestructure 其他： 目前使用npm run build:app-plus会在/dist/build/app-plus下生成app打包资源。如需制作wgt包，将app-plus中的文件压缩成zip（注意：不要包含app-plus目录），再重命名为${appid}.wgt， appid为manifest.json文件中的appid。 dev 模式编译出的各平台代码存放于根目录下的 /dist/dev/目录，打开各平台开发工具选择对应平台目录即可进行预览（h5 平台不会在此目录，存在于缓存中）； build 模式编译出的各平台代码存放于根目录下的 /dist/build/ 目录，发布时选择此目录进行发布； dev 和 build 模式的区别：
dev 模式有 SourceMap 可以方便的进行断点调试； build 模式会将代码进行压缩，体积更小更适合发布为正式版应用； 进行 环境判断 时，dev 模式 process.env.NODE_ENV 的值为 development，build 模式 process.env.NODE_ENV 的值为 production。 # 使用cli创建项目和使用HBuilderX可视化界面创建项目有什么区别 # 编译器的区别 cli 创建的项目，编译器安装在项目下。并且不会跟随HBuilderX升级。如需升级编译器，执行 npm update，或者手动修改 package.json 中的 uni 相关依赖版本后执行 npm install。更新后可能会有新增的依赖并不会自动安装，手动安装缺少的依赖即可。 HBuilderX可视化界面创建的项目，编译器在HBuilderX的安装目录下的plugin目录，随着HBuilderX的升级会自动升级编译器。 已经使用cli创建的项目，如果想继续在HBuilderX里使用，可以把工程拖到HBuilderX中。注意如果是把整个项目拖入HBuilderX，则编译时走的是项目下的编译器。如果是把src目录拖入到HBuilderX中，则走的是HBuilderX安装目录下plugin目录下的编译器。 cli版如果想安装less、scss、ts等编译器，需自己手动npm安装。在HBuilderX的插件管理界面安装无效，那个只作用于HBuilderX创建的项目。 # 开发工具的区别 cli创建的项目，内置了d.ts，同其他常规npm库一样，可在vscode 、webstorm 等支持d.ts的开发工具里正常开发并有语法提示。 使用HBuilderX创建的项目不带d.ts，HBuilderX内置了uni-app语法提示库。如需把HBuilderX创建的项目在其他编辑器打开并且补充d.ts，可以在项目下先执行 npm init，然后npm i @types/uni-app -D，来补充d.ts。 但vscode等其他开发工具，在vue或uni-app领域，开发效率比不过HBuilderX。详见：https://ask.dcloud.net.cn/article/35451 发布App时，仍然需要使用HBuilderX。其他开发工具无法发布App，但可以发布H5、各种小程序。如需开发App，可以先在HBuilderX里运行起来，然后在其他编辑器里修改保存代码，代码修改后会自动同步到手机基座。 如果使用cli创建项目，那下载HBuilderX时只需下载10M的标准版即可。因为编译器已经安装到项目下了。 对 cli 使用有疑问，欢迎扫码加入 uni-app 微信交流群讨论：
注意：HBuilderX创建的项目，一样可以使用npm，参考：https://uniapp.dcloud.io/frame?id=npm%e6%94%af%e6%8c%81 帮助我们改善此页面！ 上次更新: 2023/12/26 17:40:52 开发产品HBuilderXuni-appuni-app xuniClouduniMPsdk5+Runtimewap2appMUIuni-iduni-searchuni-payuni-pushuni一键登陆uni实人认证smsuni-starteruni-adminuni-upgrade-centeruni-imuni-aiuni-cmsuniCloud-map 运营产品uni-ADuni统计uni发行uni安全专题开发者服务问答社区开发者后台技术文档uni-app文档uniCloud文档原生开发者支持文档HBuilder文档生态服务插件市场OAuth用户开放平台 关于我们：
DCloud官网
案例
需求墙
许可协议
加入我们
赞助我们
联系我们：
商务合作：bd@dcloud.io
广告合作：uniad@dcloud.io
DCloud.io 数字天堂（北京）网络技术有限公司是 W3C
成员及
HTML5中国产业联盟
发起单位
京公网安备：11010802035340号 国家信息安全等级保护三级，证书编号：11010813802-20001 本页导读
uni-app快速上手
1. 通过 HBuilderX 可视化界面
创建uni-app
运行uni-app
发布uni-app
打包为原生App（云端）
打包为原生App（离线）
发布为H5
发布为小程序
环境安装
创建uni-app
自定义模板
修改依赖为指定版本
运行、发布uni-app
运行并发布快应用
运行并发布快应用(webview)
运行并发布快应用(webview)-华为
使用cli创建项目和使用HBuilderX可视化界面创建项目有什么区别
编译器的区别
开发工具的区别
uni-app官网
uni-app官网
uni-app
uni-app x
uniCloud
HBuilder
uni 小程序 sdk
uni-app uni-app
uni-app x
uniCloud
HBuilder
uni 小程序 sdk
简体中文 搜索文档 K
介绍
教程
全局文件
组件
API
插件
工程化
UTS
其他规范 其他规范
App扩展规范 HTML5 Plus
微信小程序
支付宝小程序
百度小程序
抖音小程序
飞书小程序
钉钉小程序
QQ小程序
快手小程序
京东小程序
华为快应用
360小程序
Weex
GitHub
介绍
介绍
教程
全局文件
组件
API
插件
工程化
UTS
其他规范 其他规范
App扩展规范 HTML5 Plus
微信小程序
支付宝小程序
百度小程序
抖音小程序
飞书小程序
钉钉小程序
QQ小程序
快手小程序
京东小程序
华为快应用
360小程序
Weex
GitHub
什么是 uni-app快速上手 1. 通过 HBuilderX 可视化界面2. 通过vue-cli命令行uni-app的由来如何学习选型指南跨端注意常见问题其他项目转uni-app老项目引入uni-app运营服务 案例更新日志 uniCloud Web控制台 插件市场 ask问答社区 uniAD uni统计
代码仓库：
Gitee
、
GitHub
uni-app的uni-im交流群：
点击加入
官方QQ交流群
群35：713420817（2000人已满）
群34：530305531（2000人已满）
群33：498071674（2000人已满）
群32：166188631（2000人已满）
群31：567471669（2000人已满）
群30：371046920（2000人已满）
群29：202965481（2000人已满）
群28：166188776（2000人已满）
群27：811363410（2000人已满）
群26：147867597（2000人已满）
群25：165297000（2000人已满）
群24：672494800（2000人已满）
群23：599958679（2000人已满）
群22：687186952（2000人已满）
群21：717019120（2000人已满）
群20：165796402（2000人已满）
群19：165657124（2000人已满）
群18：698592271（2000人已满）
群17：951348804（2000人已满）
群16：719211033（2000人已满）
群15：516984120（2000人已满）
群14：465953250（2000人已满）
群13：699478442（2000人已满）
群12：884860657（2000人已满）
群11：296811328（2000人已满）
群10：959059626（2000人已满）
群9：775128777（2000人已满）
群8：695442854（2000人已满）
群7：942061423（2000人已满）
群6：697264024（2000人已满）
群5：731951419（2000人已满）
群4：942702595（2000人已满）
群3：773794803（2000人已满）
群2：901474938（2000人已满）
群1：531031261（2000人已满）
关注微信公众号
创建uni-app
运行uni-app
发布uni-app
打包为原生App
发布为Web网站
发布为小程序
发布为微信小程序：
发布为百度小程序：
发布为支付宝小程序：
发布为抖音小程序：
展示全部
uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。 可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。 开始之前，开发者需先下载安装如下工具： HBuilderX：官方IDE下载地址 HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。 # 创建uni-app 在点击工具栏里的文件 -> 新建 -> 项目（快捷键Ctrl+N）：
选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。 uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件和API示例，还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。 开发者也可以使用cli方式创建项目，另见文档 。 差别是：HBuilderX创建的项目根目录就是源码，可直接编辑。uni-app的编译器在HBuilderX的插件目录下，跟随HBuilderX升级而一起升级。 如果开发者习惯于node模式的项目，对HBuilderX可视化方式感到困惑，可另行参考文档：## cli创建项目和HBuilderX可视化界面创建项目的区别 # 运行uni-app 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可体验 uni-app 的 web 版。
运行App到手机或模拟器：使用电压足够的usb端口连接手机，设置中开启USB调试，手机上允许电脑设备调试手机，进入hello-uniapp项目，点击工具栏的运行 -> 运行App到手机或模拟器，即可在该设备里面体验uni-app。
如手机或模拟器无法识别，请点击常见故障排查指南 。 如需运行在苹果手机真机上，注意需使用自定义基座。详见 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
注意：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。
注意：微信开发者工具需要开启服务端口 在微信工具的设置->安全中。 在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。
在百度、抖音、QQ、快应用（分联盟和华为）、快手、飞书、360、京东等小程序开发工具里运行：内容同上，不再重复。 Tips 如果是第一次使用，需要配置开发工具的相关路径。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。 微信小程序工具需要配置允许权限，不然HBuilder无法调用微信小程序开发工具的命令行 支付宝/百度/抖音/360小程序工具，不支持直接指定项目启动并运行。因此开发工具启动后，请将 HBuilderX 控制台中提示的项目路径，在相应小程序开发者工具中打开。 如果自动启动小程序开发工具失败，请手动启动小程序开发工具并将 HBuilderX 控制台提示的项目路径，打开项目。 运行的快捷键是Ctrl+R。 HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
如需调试，可参考：uni-app调试 # 发布uni-app # 打包为原生App 在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图：
出现如下界面，点击打包即可。
云端打包支持安心打包，保护用户隐私，不会上传代码和证书，通过差量包制作方式实现安心打包。详见：https://ask.dcloud.net.cn/article/37979 云打包也支持cli模式，通过HBuilderX的cli方式（不是uni-app的cli），可以调用命令行打包，方便持续集成。详见：https://hx.dcloud.net.cn/cli/pack 虽然安心打包已经满足需求，但如仍然希望自己使用 xcode 或 Android studio 进行离线打包，则在 HBuilderX 发行菜单里找到本地打包菜单，生成离线打包资源，然后参考离线打包文档操作：https://nativesupport.dcloud.net.cn/AppDocs/README 。 App打包时，注意如果涉及三方sdk，需进行申请并在manifest.json里配置，否则相关功能无法使用。 iOS App打包需要向Apple申请证书。 # 发布为Web网站 在 manifest.json 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：https://hellouniapp.dcloud.net.cn 。
在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。 注意 history 模式发行需要后台配置支持，详见：history 模式的后端配置 打包后，推荐使用前端网页托管服务 ，一键上传，自带CDN加速，无需购买虚拟机，无需安装nginx等； 若使用传统服务器部署，建议在服务器端开启 gzip 压缩。参考网上的分享：https://juejin.im/post/5af003286fb9a07aac24611b # 发布为小程序 # 发布为微信小程序： 申请微信小程序AppID，参考：微信教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可
如果手动发行，则点击发行按钮后，会在项目的目录 unpackage/dist/build/mp-weixin 生成微信小程序项目代码。在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：微信官方教程 。 如果在发行界面勾选了自动上传微信平台，则无需再打开微信工具手动操作，将直接上传到微信服务器提交审核。 # 发布为百度小程序： 入驻小程序并申请百度小程序AppID，参考：百度小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 /unpackage/dist/build/mp-baidu 生成百度小程序项目代码。
在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 管理中心 选择创建的应用点击前往发布，选择对应的版本然后提交审核。 # 发布为支付宝小程序： 入驻支付宝小程序，参考：支付宝小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 /unpackage/dist/build/mp-alipay 生成支付宝小程序项目代码。
在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 支付宝小程序后台 ，选择刚提交的版本点击提交审核，详见：支付宝小程序文档 。 # 发布为抖音小程序： 入驻抖音小程序，参考：抖音小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-抖音"，即可在 /unpackage/dist/build/mp-toutiao 生成抖音小程序项目代码。
在抖音小程序开发者工具中，导入生成的抖音小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 抖音小程序后台 ，选择刚提交的版本点击提交审核，详见：抖音小程序文档 。 # 发布为360小程序： 入驻360小程序，参考：360小程序教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 /unpackage/dist/build/mp-360 生成360小程序项目代码。
在360浏览器中，导入生成的360小程序项目 注意 目前仅windows平台支持。360浏览器自身不支持mac平台。 # 发布为快应用(webview)： 入驻快应用(webview)，参考：快应用(webview)教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 /unpackage/dist/build/quickapp-webview 生成快应用(webview)项目代码。
在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在快应用联盟后台 上传 # 发布为快应用(webview) - 华为： 入驻华为快应用，参考：华为快应用教程 。 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 /unpackage/dist/build/quickapp-webview 生成华为快应用项目代码。
在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在华为快应用后台 上传。 # 发布为QQ、快手、飞书、京东小程序： 内容同上，不再重复。 发布的快捷键是Ctrl+u。同样可拉下快速发布菜单并按数字键选择。 帮助我们改善此页面！ 上次更新: 2023/12/12 20:36:36 开发产品HBuilderXuni-appuni-app xuniClouduniMPsdk5+Runtimewap2appMUIuni-iduni-searchuni-payuni-pushuni一键登陆uni实人认证smsuni-starteruni-adminuni-upgrade-centeruni-imuni-aiuni-cmsuniCloud-map 运营产品uni-ADuni统计uni发行uni安全专题开发者服务问答社区开发者后台技术文档uni-app文档uniCloud文档原生开发者支持文档HBuilder文档生态服务插件市场OAuth用户开放平台 关于我们：
DCloud官网
案例
需求墙
许可协议
加入我们
赞助我们
联系我们：
商务合作：bd@dcloud.io
广告合作：uniad@dcloud.io
DCloud.io 数字天堂（北京）网络技术有限公司是 W3C
成员及
HTML5中国产业联盟
发起单位
京公网安备：11010802035340号 国家信息安全等级保护三级，证书编号：11010813802-20001 本页导读
创建uni-app
运行uni-app
发布uni-app
打包为原生App
发布为Web网站
发布为小程序
发布为微信小程序：
发布为百度小程序：
发布为支付宝小程序：
发布为抖音小程序：
发布为360小程序：
发布为快应用(webview)：
发布为快应用(webview) - 华为：
发布为QQ、快手、飞书、京东小程序：
uniCloud控制台
uniCloud控制台
UNI专属门店开业，UNI品牌即将独立？ - 知乎
UNI专属门店开业，UNI品牌即将独立？ - 知乎首发于街拍酷车切换模式写文章登录/注册UNI专属门店开业，UNI品牌即将独立？街拍酷车媒体从业者作为长安汽车的高端品牌序列，UNI在推出UNI－T之后，赢得了消费者的广泛认可：6月底上市以来，已经连续三个月都突破了万台销量。但是，UNI并没有像领克、WEY一样，成为一个独立的品牌。10月11日，长安做出了一个动作：全国百家长安UNI专属门店同步开业，这个被称为“UNI星球地球站”的地方，是UNI序列链接用户、双向情感沟通的交互平台，是集产品展示、品牌文化、科技成果、娱乐休闲等多功能为一体的购车体验中心。这当然也是长安汽车在渠道上的一次新的探索，为用户带来专业、专属、快捷的服务体验。酷车哥猜想，这一动作，将为UNI系列作为独立的品牌铺平道路。极致产品+创新模式升级用车体验在产品上，UNI作为长安汽车的高端品牌序列，在各方面都力求做到极致。比如首款产品UNI-T，就是“四新”加持：全新的设计语言，全新的智能车机系统，全新的蓝鲸动力和全新的平台架构。的确会与以往的产品截然不同。而UNI星球的开通，将打通线上线下资源，满足用户多元化的需求。UNI星球，线上坐标长安引力APP。在星球，每个人都是创业者、合伙人。大家用奇思妙想让UNI不止是一辆车，而是成为更具想象力、更懂用户的伙伴。在线上，只需一键呼唤，专业服务人员即刻上门，试驾、交车、保养，随时随地和用户直通直联，让您有更多的时间可以干自己喜欢的事情。而在线下，体验店/形象店围绕用户生活圈，则让大家选车、购车、用车，像买一件衣服、一款手机一样轻松便捷。在这里，还可以和一群志同道合的朋友约会、轰趴，分享美食美景、畅聊旅途趣事、切磋改装心得。UNI新品曝光广州车展或有更多动作在9月的北京车展上，UNI系列展示了一款概念车，Vision-V。这款车不仅拥有UNI-T身上标志性的无边界进气格栅，还有V型面，莫比乌斯连续屏等独特设计，将会成为未来UNI产品的方向。而最近，一张图的曝光，引起了媒体的关注。很多人表示，这将是UNI序列的第二款车型，可能会被命名为：UNI－V。有媒体还分析，这是基于Vision-V的基础上打造，会作为长安CS95的继任车型，在细分市场继续征战。动力上，有极大的可能搭载2.0T发动机。广州车展上，这个答案也许就将揭晓。酷车哥觉得，随着UNI系列的产品不断丰富，UNI作为独立的品牌将更有利于品牌营销。在营销领域，长安汽车不断革新，推动品牌向上。那么，UNI品牌独立，也似乎顺理成章。据悉，到今年年底，UNI服务中心将达到300家规模，体验店也将突破百家。未来UNI为用户带去的不止是一辆汽车，更是一条人车生活的全生态链。值得期待。发布于 2020-10-12 15:35概念车长安汽车长安UNI-T赞同添加评论分享喜欢收藏申请转载文章被以下专栏收录街拍酷车讲述与车有关
UNI家族新成员！长安UNI-Z官图发布：座舱设计全部升级--快科技--科技改变未来
UNI家族新成员！长安UNI-Z官图发布：座舱设计全部升级--快科技--科技改变未来
手机版
安卓版
苹果端
博客版
登录
注册
作者私密文章，无浏览权限
返回
因版权限制，过往内容只提供给老鸟级别及以上用户访问
登录
因版权限制，过往内容只提供给老鸟级别及以上用户访问
返回
当前位置：首页 > 资讯中心 > 爱车一族 > 传统汽车 > 文章详情
正文内容 评论（0）
UNI家族新成员！长安UNI-Z官图发布：座舱设计全部升级
2024-02-02 14:48:58 出处：快科技 作者：王略 编辑：王略 评论(0)
#长安汽车#UNI-Z
0
0
QQ好友
微博
微信好友
QQ空间
复制链接
0
0
快科技2月2日消息，长安汽车今日发布了旗下UNI家族的全新车型—UNI-Z的官方照片。
据悉，该车定位为紧凑型SUV，外观与内饰均采用了全新的设计。
详细来看，该车的前脸依旧采用了经典的大面积的倒梯形格栅所覆盖，贯穿式日行车灯隐藏在机盖下方，与大灯巧妙地融为一体，两侧和下方的进气孔使其看上去更加层次分明。
侧面来看，该车的车身线条与此前销售的长安欧尚Z6十分接近，微微溜背的车身与花瓣式轮毂，烘托了该车的运动气息。
车尾部分，该车依旧搭载了较为常见的贯穿式尾灯，整体造型较为简洁，排气则采用了双边四出的布局。
内饰部分，UNI-Z采用了全新的内饰设计风格，看上去与深蓝系列车型较为相似。
内部采用了大面积的真皮材质进行包裹，并配备了矩形液晶仪表盘及大尺寸中控显示屏，搭配平底式内多边形方向盘，不过，该车仍保留有传统电子换挡杆。
目前，长安汽车还暂未公布该车的动力信息以及其他参数配置，更多消息，我们将持续为您报道。
【本文结束】如需转载请务必注明出处：快科技
责任编辑：王略
相关资讯
岚图FREE既视感！Jeep全新纯电SUV官图发布：前脸会发光配3.3T直六发动机 全新马自达CX-70官图发布：日系颜值巅峰21.99万首发限量3000台 捷途旅行者银龙之翼上市：比坦克300更帅草莓摊主帮换长安UNI-V轮胎 6位美女崇拜围观：妻子调侃式解说换搭1.5升混动发动机：新款长安UNI-V插混版实车曝光
支持打赏
支持0人
反对
打赏
文章价值打分
当前文章打分0 分，共有0人打分
0
0
0
打赏
|
分享好友:
分享至QQ
分享至微博
分享至QQ空间
|
生成海报
保存图片
QQ好友
微博
微信好友
QQ空间
给作者大大一些小奖励
本文收录在
#长安汽车#UNI-Z#SUV
热门文章
换一波
好物推荐
换一波
关注我们
微博：快科技官方
快科技官方微博
今日头条：快科技
带来硬件软件、手机数码最快资讯！
抖音：kkjcn
科技快讯、手机开箱、产品体验、应用推荐...
关于我们
关于我们
隐私权说明
交流合作
加入我们
意见反馈
广告刊例
关注我们
微信公众号：
微博号：快科技官方
QQ群：53467377
安卓客户端下载
IOS客户端下载
快科技（驱动之家旗下媒体）·1997-2024 版权所有
Copyright(C)Mydrivers.com, All Rights Reserved.
豫ICP备2023031922号-1豫公网安备 41010502003949号
热点推荐
好物推荐
APP下载
手机扫码下载
支持Android/iOS/iPad
投稿
纠错
线索爆料
爆料群
爆料1群
打开微信扫一扫 扫描入群，加入爆料
意见反馈
评论
返回顶部
100%
图片信息
图片描述:
图片格式：
图片尺寸：
上传时间：
长安UNI-Z搭载全新混动系统，定位15万级SUV，如何评价这款车型？ - 知乎
长安UNI-Z搭载全新混动系统，定位15万级SUV，如何评价这款车型？ - 知乎首页知乎知学堂发现等你来答切换模式登录/注册汽车热点话题长安新车上市快答24小时长安UNI-Z搭载全新混动系统，定位15万级SUV，如何评价这款车型？凤凰网汽车已认证账号凤凰网汽车·新车 日前，长安汽车旗下全新SUV首度曝光，造型上无边界格栅、多曲面腰身等展示新时代“爆款美学”，内饰超大尺寸中控屏、创意氛围灯等营造科技…显示全部 关注者5被浏览1,420关注问题写回答邀请回答好问题添加评论分享5 个回答默认排序凤凰网汽车已认证账号 关注从此次曝光的官图来看，该车命名为UNI-Z，其沿用了UNI家族的纵横万象设计语言，外观凸显凌厉运动气质、内饰充满未来科技感。具体来看，长安UNI-Z采用无边界格栅配合参数化点阵设计，提升了车头的视觉宽度的同时，营造出更强的未来感和科技感。前大灯采用LED灯组，锐利的流光式造型尽显时尚魅力，让整车看起来更加灵动。侧面形象上，长安UNI-Z展现出时下流行的溜背造型，同时侧腰身摒弃了传统的单曲面设计、采用二次曲面，下曲面处运用直线切割设计，更加刚劲硬朗，赋予车身强烈的运动姿态。尾部采用贯穿式尾灯设计，配合机械式尾翼设计，增强了车身的年轻、科技气质。内饰营造悦己感观体验，长安UNI-Z采用了一体式环抱座舱设计，整体的豪华和科技氛围相当浓厚。其中最受人关注的是，该车搭载的超大尺寸悬浮式中控大屏，整体视觉体验更加震撼。再配合层级式信息功能布局，让人机互动平添更多智能趣味。同时，中控台、扶手箱和侧门饰板都拥有大面积的软性皮质包裹，营造出高级的内饰品质感。值得一提的是，长安UNI-Z中控台中央临近前挡风玻璃的位置，布置了一个战舰造型的、亮着类似核反应堆灯光的部件。据悉，该部件是全新的氛围灯，它能与车辆驾驶状态产生联动，为用户带来沉浸式的未来科技驾驶体验。作为长安UNI序列的最新力作，新车以“Z”命名，具有未来、科技的符号印象。由此来看，长安UNI-Z将持续打造UNI序列的年轻、科技属性，并带来更加纯粹、智趣的驾乘体验，进一步满足年轻用户的用车需求。关于该车更多信息，敬请关注后续报道。发布于 2024-02-05 10:07赞同添加评论分享收藏喜欢收起梦苒互相帮助，互互hu hu 关注长安UNI-Z搭载全新混动系统，定位15万级SUV，如何评价这款车型？UNI-Z采用了比较温馨的上深下浅内饰配色，其中黑棕配色、双辐式双拼方向盘、双尺寸悬浮屏幕和扶手杯架的设计，和深蓝品牌极其相似。在小编的印象中，UNI系列的车型大多采用科幻炫酷的风格，但UNI-Z却走起了豪华的路线，有点颠覆大家的认知。其中Q05的125km纯电续航版本车型的P3电机最大功率为158kW，考虑到P1+P3混动架构车型以电驱动为主，因此该参数已经满足绝大多数消费者的需求了。发布于 2024-02-06 17:34赞同 2添加评论分享收藏喜欢
版权声明：本文由bitpie安卓最新版下载发布，如需转载请注明出处。
本文链接：https://www.siyuewuyu.com/article/131.html
