- 综合排序
- 最热优先
- 最新优先
- 来自专栏万丈高楼平地起
uniapp开发
1.开发方式 1.Dcloud 提供的 HBuildex 来开发 2.使用脚手架快速搭建和开发 a>全局安装 npm i -g @vue/cli b>创建项目 1》vue create -p dcloudio /uni-preset-vue [项目名称] 2》选择默认的模板就行 c>启动项目 npm run build:mp-weixin d>微信开发者工具导入项目 e>支付宝开发者工具导入项目 f>全局文件配置 https://zh.uniapp.dcloud.io/collocation/pages.html
1.8K10编辑于 2022-10-31 - 来自专栏万少的技术分享
uniapp 云开发 精讲
uniapp 云开发介绍 uniCloud 是 DCloud 联合阿里云、腾讯云、支付宝小程序云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。 可以在web端或者hbuilderX 使用MongoDB语法或jql语法管理数据库 uniapp还提供了独特的 clientDB 能力，可以我们直接在前端页面中读取数据库，极大提高了开发效率 // 获取 uniapp提供了云端一体插件，可以直接通过引入的方式就帮我们做好了前端和后端的所有工作，极大简化了开发者的工作。 uni-id：不用再开发用户系统。 详见 uni-push2：云端一体的推送，大幅简化推送开发。详见 uni-im：开源、多端IM。详见 uni-cms：开源、多端内容管理。详见 uni-ai：聚合ai能力。 详见 uni-map：地理位置开发中间件，极大加速地图业务开发效率。
91800编辑于 2025-02-10 - 来自专栏APP开发
UniApp开发的设备适配
UniApp 是一个跨平台开发框架，支持多端应用（如H5、小程序、iOS、Android等）。由于不同设备的屏幕尺寸、分辨率、操作系统等存在差异，设备适配是开发过程中需要重点关注的问题。 以下是 UniApp 设备适配的详细策略和技巧。1.屏幕适配1.1使用rpx单位rpx 介绍：rpx 是 UniApp 提供的自适应单位，1rpx 等于屏幕宽度的 1/750。 1.3图片适配多倍图：提供 2x、3x 等多倍图，适应高分辨率屏幕。图片缩放：使用 mode 属性控制图片缩放模式，如 aspectFit、aspectFill。 使用微信开发者工具调试小程序。使用 HBuilderX 的真机调试功能调试移动端应用。7.总结UniApp 的设备适配需要从屏幕、平台、字体、导航栏、横竖屏等多个方面入手。 在实际开发中，建议结合具体场景，持续测试和优化适配效果。
1.5K00编辑于 2025-02-25 - 来自专栏Java实战博客
Uniapp 开发代码包规范
image.png Hbuilder：https://www.dcloud.io/ Uniapp 开发文档：https://uniapp.dcloud.io/ Uniapp：因为有些组件可能会要求包的文件名 └── request.js // http请求库 ├── App.vue ├── main.js // 入口文件 ├── manifest.json // uniapp
87510编辑于 2022-01-19 - 来自专栏万少的技术分享
uniapp 极速上手鸿蒙开发
uniapp 极速上手鸿蒙开发 uniapp 团队 与版本 4.28.2024092502 起，支持鸿蒙应用开发，现在是 4.36.2024112817,同时支持鸿蒙应用和元服务开发了。 HBuilderX 4.31+ 构建的鸿蒙运行包不支持 x86_64 平台，会影响到 Windows 系统和部分 Mac 系统的鸿蒙模拟器无法使用，需使用真机调试 底下主要针对真机做的演示 项目要求 在创建 uniapp 项目的时候，需要选择 vue3，vue2 不支持 搭建流程 AGC 平台上新建项目，目的是活动 boundleName 以及调试和发布证书 下载和安装 DevEco Studio 使用 复制证书相关的配置 下载和安装 hbuilder hbuilder 下载相关插件 hbuilder 配置 DevEco Studio 工具路径 hbuilder 新建 uniapp 运行项目的时候需要用到 在使用 DevEco Studio 新建完项目后，参考链接 进行证书的配置 得到配置文件 build-profile.json5 后续复制整个代码到 uniapp 创建的项目即可
46010编辑于 2025-02-10 - 来自专栏用户11814250的专栏
SpringBoot2.X + Vue + UniAPP，全栈开发医疗小程序
当SpringBoot2.X与Vue、UniAPP技术栈在医疗领域交汇，一场关于移动医疗普惠化的数字变革正在发生。这不仅是技术组合的创新，更是数字健康基础设施建设的重要实践。 学习者既能深入理解医疗业务流程，又能掌握现代全栈开发技术，这种培养模式正在造就既懂医疗又懂技术的复合型人才，为智慧医疗发展提供人才保障。 **技术融合：驱动医疗数字化升级**SpringBoot2.X+Vue+UniAPP的组合实现了医疗小程序的全栈开发解决方案。 后端提供稳定可靠的业务支撑，前端保证用户体验，UniAPP实现多端覆盖，这种架构为医疗行业数字化转型提供了可复用的技术范式。
21500编辑于 2025-09-01 - 来自专栏APP开发
UniApp开发框架的介绍
UniApp 是一个基于 Vue.js 的跨平台开发框架，允许开发者使用一套代码构建多端应用（如H5、小程序、iOS、Android等）。以下是 UniApp 开发框架的详细介绍。 2.UniApp 的开发环境2.1开发工具HBuilderX：官方推荐的IDE，内置 UniApp 开发模板和调试工具。支持代码高亮、智能提示、实时预览等功能。 5.UniApp 的开发流程5.1创建项目使用 HBuilderX 创建 UniApp 项目，选择模板（如默认模板、Hello UniApp）。 7.UniApp 的适用场景多端应用开发：适合需要同时开发 H5、小程序和移动 App 的项目。快速原型开发：适合快速构建 MVP（最小可行产品）或原型。 中小型项目：适合中小型项目，开发成本低、周期短。总结UniApp 是一个强大的跨平台开发框架，特别适合需要快速开发多端应用的场景。
1.4K10编辑于 2025-02-25 - 来自专栏站长的编程笔记
uniapp 目录结构及开发规范
特别注意：定位权限申请等原属于app.json的内容，在uni-app中是在 manifest 中配置 2. 开发规范 ---- 为了实现多端兼容， 综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范 1. 页面文件遵循 vue 单文件组件 （SFC）规范 2. 为兼容多端运行, 建议使用 flex 布局进行开发
87530编辑于 2023-01-05 - 来自专栏Java
uniapp项目实践第二章：使用vscode开发uniapp项目
使用vscode开发uniapp项目 简介：本文讲解如何使用vscode开发uniapp项目。 首先使用vscode打开项目 安装插件 然后就可以新建uniapp页面了 创建新的页面，并且整理好代码 查看路由 安装插件 然后鼠标悬停，就有了提示 可以一键跑到对应的官方文档
7K11编辑于 2025-01-21 - 来自专栏友人a的笔记丶
uniapp开发笔记，持续记录
字体图标引入：https://uniapp.dcloud.io/frame?id=%e5%ad%97%e4%bd%93%e5%9b%be%e6%a0%87 2. id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84 10. uniapp 安卓应用开发记录：https://nicen.cn/webapp.html 11.uniapp Vue2 Uniapp开发遇到的登录的问题 网络请求都是异步的，但是某些页面必须登录加载数据之后才能显示。 uniapp Vue2.x 到Vue3.x迁移 1.组合式API Vue组件生命周期的组合式API钩子： <script setup> import {onLoad,onShow } from "@ 4.页面通讯 页面通讯：https://uniapp.dcloud.net.cn/tutorial/page.html#%E9%A1%B5%E9%9D%A2%E9%80%9A%E8%AE%AF 5.请求拦截器
1.6K10编辑于 2023-02-17 - 来自专栏第一专栏
uniapp水文【uniapp】
1、前言 Uniapp是一种跨平台的移动应用开发框架，它允许开发者使用一套代码库，同时生成iOS、Android等多个平台的应用程序。 这种技术方案可以大大降低开发成本，提高开发效率，使得移动应用的开发变得更加高效和便捷。 2、历史 Uniapp的历史可以追溯到2016年，当时Vue.js框架开始受到广泛关注。 Uniapp作为一种高效的跨平台移动应用开发框架，将会受到越来越多的开发者的青睐。同时，随着Uniapp生态的不断完善和壮大，它将会成为一个更加丰富和强大的开发工具。 因此，我们强烈推荐开发者使用Uniapp进行跨平台移动应用的开发。 7、附录 7.1、高频使用 1、页面路由 在 uniapp 中，页面路由是通过 uni.navigatorTo() 方法来实现的。 7.2、使用注意 uniapp 的基础库比小程序要大，受限于小程序的 2MB 限制，不能做太多功能。
2.1K20编辑于 2023-05-29 - 来自专栏dmhsq_csdn_blog
云开发---uniapp云开发(二)---云存储基础
云开发系列 视频 https://www.bilibili.com/video/BV1eK4y1p7Qe 我们之前已经讲了 云函数的使用 云开发---uniapp云开发(一)---服务空间创建以及部署一个云函数 云开发---uniapp云开发云函数练习---整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https://uniapp.dcloud.io/uniCloud/storage aid=886530706&page=2)(image-https://ss.csdn.net/p? http://i0.hdslb.com/bfs/archive/52b78eb6e48dc657149f3c0415bbf83a73d64f0e.jpg)(title-云开发系列) 云存储基础 服务空间的云存储 id=choosefile [无] 选择图片 https://uniapp.dcloud.io/api/media/image?
14.3K10发布于 2021-03-15 - 来自专栏『学习与分享之旅』
【Uniapp】-uni-app开发环境搭建
那么了解完了什么是 Uniapp 之后，这篇文章再来搭建一下 Uniapp 的一个开发环境，那 Uniapp 的开发环境需要什么东西？ ： 步入正题 也就是说你想使用 Uniapp 的话，你最好使用它自带的这开发工具，是吧？ 第一件事情就是你想使用 HBuilderX 来开发 Uniapp，来编写 Uniapp 的一个代码的话，首先你需要注册一个这个 dcloud 的一个账号，dcloud 账号。 我说过这个 Uniapp 它是不是使用的 Vue？它底层使用的 Vue，所以在这个地方这个 Vue 有 2 有 3，如图所示： 你要用2，用3，你在这里直接勾选就可以了，这里我就用3。 那没问题之后到此为止，这个 Uniapp 开发环境就已经给大家介绍到这里, 介绍完毕了。
1.6K20编辑于 2023-12-03 使用 UniApp 开发设备信息展示界面
cloud.tencent.com/developer/article/2464797这篇文章详细介绍了Spring AI的新特性，特别是如何利用全局参数实现CRUD操作和个人待办管理，内容深入、实用性强，对开发者理解智能数据库交互和 本文将逐步解析一个使用 UniApp 实现的设备信息展示页面。此界面展示了包括设备基本信息、显示信息、网络信息、电池信息和存储信息等各类数据。 2. 信息卡片布局接下来，页面通过信息卡片（卡片式布局）来分块展示不同类型的设备信息。这些卡片包括系统信息、显示信息、网络信息、电池信息和存储信息。 card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 12px rgba(0, 0, 0, 结语通过这篇博客的讲解，希望读者能够更好地理解如何使用 UniApp 来开发一个设备信息展示页面。无论是布局设计、数据动态更新还是交互体验，都细心地处理了每一个细节，确保应用既美观又实用。
75400编辑于 2024-12-07- 来自专栏Vue3
uniapp开发环境搭建与入门基础
本篇目标：从零开始搭建uniapp开发环境，创建第一个项目，理解基础概念 本篇学习目标通过本篇教程，你将学会：✅ 理解什么是uniapp，为什么选择uniapp✅ 搭建完整的uniapp开发环境✅ 创建第一个 )Web应用 → Vue/React (2个月)总计：10个月uniapp开发方式：一套Vue代码 → 自动编译到所有平台 (2个月)效率提升：5倍 成本优势分析人力成本降低80%：一个前端开发者替代多个平台开发者维护成本降低 开发IDE，专门为uniapp开发优化。 检查系统权限，以管理员身份运行2. 关闭杀毒软件的实时保护3. 清除HBuilderX缓存文件4. 重新下载最新版本问题2：微信开发者工具连接失败解决方案：1. 检查微信开发者工具是否开启服务端口2. 在HBuilderX中重新配置微信开发者工具路径3.
2.2K20编辑于 2026-01-01 - 来自专栏大前端全栈开发
uniapp开发安卓应用踩坑记
app上不显示@font-face { font-family: "iconfont"; src: url('https://at.alicdn.com/t/font_2369472_6tnopvzz2av.woff2 t=1640081434915') format('woff2'), url('https://at.alicdn.com/t/font_2369472_6tnopvzz2av.woff? t=1640081434915') format('woff'), url('https://at.alicdn.com/t/font_2369472_6tnopvzz2av.ttf? format('truetype');}二、安卓模拟器打不开问题描述：用 android studio 的模拟器添加各种手机打开后报错：The emulator process for AVD Pixel_2_
1.1K30编辑于 2023-11-16 - 来自专栏404
使用 uniapp 开发微信小程序
使用 uniapp 开发微信小程序 简述 纵翔商城是基于微信小程序实现的线上商城。 style": { "navigationBarTitleText": "view" } }], "condition": { //模式配置，仅开发期间生效 小程序与小游戏获取用户信息接口调整，请开发者注意升级！ 新建项目 微信开发者工具新建项目，引入thorui组件库。 /qwrt2w 疑难杂症
1.5K20编辑于 2022-04-25 - 来自专栏陶士涵的菜地
【uniapp】uniapp微信小程序开发：启动微信开发者工具提示no such file or directory错误
当使用uniapp运行微信小程序模拟的时候，遇到这样的错误： #initialize-error: Error: ENOENT: no such file or directory 开启安全服务端口
5.2K30编辑于 2022-08-10 - 来自专栏dmhsq_csdn_blog
unicloud云开发---uniapp云开发(二)---云存储基础
云开发系列 我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/ 我们之前已经讲了 云函数的使用 云开发—uniapp云开发(一)—服务空间创建以及部署一个云函数 云开发—uniapp云开发云函数练习—整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https:// /home 上传文件 https://uniapp.dcloud.io/uniCloud/storage? id=choosefile 选择图片 https://uniapp.dcloud.io/api/media/image? id=chooseimage 选择视频 https://uniapp.dcloud.io/api/media/video?
3.5K20发布于 2021-10-25 - 来自专栏iOS打包，上架知识大全
uniapp开发App从开发到上架全过程
首次打开的时候以弹窗形式进行展示 第二则是要在APP进行账户登录的时候进行展示，并要求用户勾选并同意隐私协议才可进行登录 第三处则是要在我的或设置页面中再次展示隐私协议 对于首次打开APP的隐私弹窗，uniapp 如想实现更多自定义功能和样式，可以参考uniapp官方关于隐私政策配置的说明uni-app官网 (dcloud.net.cn) 配置好后即可以对APP进行打包上架操作，在进行打包前，我们需要关注下应用的版本号 开发App从开发到上架全过程(二)-真机调试_阳光shine的博客-CSDN博客https://blog.csdn.net/JiayaoXu/article/details/128467553 中有提到 应用商店注册不同的手机厂商都拥有自己的应用商店，我们需要分别来进行注册并上传我们的APK，在此列出市面上常见的厂商开放平台地址: 1、腾讯应用宝开放平台地址：http://open.qq.com 2、360 注册并认证过程大约需要2-3个工作日左右。
1.6K10编辑于 2023-11-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号