- 综合排序
- 最热优先
- 最新优先
- 来自专栏万丈高楼平地起
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 - 来自专栏愧怍的技术学习与分享
vite+vue3搭建uniapp开发环境
最近想搞个移动端或小程序的 Vue3 项目，所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台，Taro 与 uniapp，但 uniapp 貌似对 vue3 的支持不是特别友好。 所以让我在 Taro 和 uniapp 之间抉择了一段时间，最终还是尝试选择相对熟悉的 uniapp 来进行开发。 前排提醒 目前 uniapp 对 Vue3 的支持还处于 alpha 版，即开发阶段，大概率是会遇到很多问题的。 使用 VSCode 开发 HBuilder 给我代码编写体验并不友好，所以将 uniapp 的项目转 vscode 进行开发，并且使用到 npm 包。 但最终还是使用 uniapp 来进行开发，一是对 Vue3 足够了解加上使用过 uniapp，二是 Taro 对 Vue3 是支持了，但是又该如何编译成 App 这是我主要需求的，最主要还是不想踩一遍
4.1K10编辑于 2022-12-27 - 来自专栏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 - 来自专栏万少的技术分享
uniapp 云开发 精讲
uniapp 云开发介绍 uniCloud 是 DCloud 联合阿里云、腾讯云、支付宝小程序云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。 可以在web端或者hbuilderX 使用MongoDB语法或jql语法管理数据库 uniapp还提供了独特的 clientDB 能力，可以我们直接在前端页面中读取数据库，极大提高了开发效率 // 获取 uniapp提供了云端一体插件，可以直接通过引入的方式就帮我们做好了前端和后端的所有工作，极大简化了开发者的工作。 uni-id：不用再开发用户系统。 详见 uni-map：地理位置开发中间件，极大加速地图业务开发效率。 uniCloud的云存储，无需再像传统模式那样单独去购买存储空间、CDN映射、流量采购 云存储的上传方式有3种： web界面：即在unicloud.dcloud.net.cn/ web控制台，点击云存储
91800编辑于 2025-02-10 - 来自专栏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,同时支持鸿蒙应用和元服务开发了。 项目的时候，需要选择 vue3，vue2 不支持 搭建流程 AGC 平台上新建项目，目的是活动 boundleName 以及调试和发布证书 下载和安装 DevEco Studio 使用 vue3 工程 hbuilder 配置鸿蒙应用的证书 hbuilder 运行项目 AGC 平台上新建项目 可以根据需求选择新建工程还是项目。 下载和安装 hbuilder 这里下载和安装 hbuilder 下载相关插件 工具-插件安装 关键是这几个 鸿蒙、vue3 hbuilder 配置 DevEco Studio 工具路径 这里配置 DevEco Studio 工具的路径 工具-设置 hbuilder 新建 uniapp vue3 工程 新建 vue3 工程 hbuilder 配置鸿蒙应用的证书 在项目根目录下配置 \harmony-configs
46010编辑于 2025-02-10 - 来自专栏APP开发
UniApp开发框架的介绍
UniApp 是一个基于 Vue.js 的跨平台开发框架，允许开发者使用一套代码构建多端应用（如H5、小程序、iOS、Android等）。以下是 UniApp 开发框架的详细介绍。 2.UniApp 的开发环境2.1开发工具HBuilderX：官方推荐的IDE，内置 UniApp 开发模板和调试工具。支持代码高亮、智能提示、实时预览等功能。 3.UniApp 的项目结构一个典型的 UniApp 项目结构如下：4.UniApp 的核心功能4.1页面与路由页面配置：在 pages.json 中配置页面路由、导航栏、下拉刷新等。 5.UniApp 的开发流程5.1创建项目使用 HBuilderX 创建 UniApp 项目，选择模板（如默认模板、Hello UniApp）。 中小型项目：适合中小型项目，开发成本低、周期短。总结UniApp 是一个强大的跨平台开发框架，特别适合需要快速开发多端应用的场景。
1.4K10编辑于 2025-02-25 - 来自专栏站长的编程笔记
uniapp 目录结构及开发规范
开发规范 ---- 为了实现多端兼容， 综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范 1. 页面文件遵循 vue 单文件组件 （SFC）规范 2. 组件标签靠近小程序规范, 详情见 uni-app 组件规范 3. 接口能力(JS API)靠近微信小程序规范, 但需将前缀 wx 替换为 uni, 详情见 uni-app 接口规范 4. 为兼容多端运行, 建议使用 flex 布局进行开发
87630编辑于 2023-01-05 - 来自专栏Java
uniapp项目实践第二章：使用vscode开发uniapp项目
使用vscode开发uniapp项目 简介：本文讲解如何使用vscode开发uniapp项目。 首先使用vscode打开项目 安装插件 然后就可以新建uniapp页面了 创建新的页面，并且整理好代码 查看路由 安装插件 然后鼠标悬停，就有了提示 可以一键跑到对应的官方文档
7K11编辑于 2025-01-21 - 来自专栏友人a的笔记丶
uniapp开发笔记，持续记录
条件编译：https://uniapp.dcloud.io/platform 3. NPM的使用：https://uniapp.dcloud.io/frame? id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84 10. uniapp 安卓应用开发记录：https://nicen.cn/webapp.html 11.uniapp Vue2 .x转Vue3.x：https://uniapp.dcloud.io/tutorial/migration-to-vue3.html 生命周期 应用生命周期：https://uniapp.dcloud.io Uniapp开发遇到的登录的问题 网络请求都是异步的，但是某些页面必须登录加载数据之后才能显示。 uniapp使用pinia 官方文档：https://uniapp.dcloud.net.cn/tutorial/vue3-pinia.html#%E7%8A%B6%E6%80%81%E7%AE%A1%
1.6K10编辑于 2023-02-17 - 来自专栏第一专栏
uniapp水文【uniapp】
1、前言 Uniapp是一种跨平台的移动应用开发框架，它允许开发者使用一套代码库，同时生成iOS、Android等多个平台的应用程序。 这种技术方案可以大大降低开发成本，提高开发效率，使得移动应用的开发变得更加高效和便捷。 2、历史 Uniapp的历史可以追溯到2016年，当时Vue.js框架开始受到广泛关注。 随着需求的不断增长，Uniapp作为一款专门针对跨平台移动应用开发的框架应运而生。 3、发展 Uniapp的未来发展趋势非常值得期待。随着移动互联网的快速发展，跨平台移动应用的市场需求将会越来越大。 Uniapp作为一种高效的跨平台移动应用开发框架，将会受到越来越多的开发者的青睐。同时，随着Uniapp生态的不断完善和壮大，它将会成为一个更加丰富和强大的开发工具。 'navigator' } }); 2、组件事件处理 <template> <view @click="handleClick">点击我</view> </template> 3、
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 视频 video(video-kQL3DoBv-1614160881827)(type-bilibili)(url-https://player.bilibili.com/player.html? 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 的话，你最好使用它自带的这开发工具，是吧？ 我说过这个 Uniapp 它是不是使用的 Vue？它底层使用的 Vue，所以在这个地方这个 Vue 有 2 有 3，如图所示： 你要用2，用3，你在这里直接勾选就可以了，这里我就用3。 好，来，我点击运行到谷歌浏览器，如图所示： 在这个运行的过程中，通过观察右下角它就会去下载什么 Uniapp Vue3 的一个编译器和编译相关的一些依赖，那这时候耐心等待一下，等这哥们去把这个东西下一下 好，现在这个地方它已经提示我们插件 Uniapp Vue3 的一个编译器已经安装成功了，然后点击确定好，如图所示： 它提示了说编译工具下载成功请重新运行？那重新运行怎么运行呢？
1.6K20编辑于 2023-12-03 使用 UniApp 开发设备信息展示界面
cloud.tencent.com/developer/article/2464797这篇文章详细介绍了Spring AI的新特性，特别是如何利用全局参数实现CRUD操作和个人待办管理，内容深入、实用性强，对开发者理解智能数据库交互和 本文将逐步解析一个使用 UniApp 实现的设备信息展示页面。此界面展示了包括设备基本信息、显示信息、网络信息、电池信息和存储信息等各类数据。 3. 动态更新数据为了确保页面展示的设备信息始终保持最新，页面提供了一个“刷新”按钮，通过点击按钮触发数据更新。 合并所有信息 this.deviceInfo = { ...baseInfo, ... }; }, ...}获取设备信息：方法 getDeviceInfo 使用 UniApp 结语通过这篇博客的讲解，希望读者能够更好地理解如何使用 UniApp 来开发一个设备信息展示页面。无论是布局设计、数据动态更新还是交互体验，都细心地处理了每一个细节，确保应用既美观又实用。
75400编辑于 2024-12-07- 来自专栏Vue3
uniapp开发环境搭建与入门基础
本篇目标：从零开始搭建uniapp开发环境，创建第一个项目，理解基础概念 本篇学习目标通过本篇教程，你将学会：✅ 理解什么是uniapp，为什么选择uniapp✅ 搭建完整的uniapp开发环境✅ 创建第一个 开发效率优势传统开发方式：iOS App → Swift/Objective-C (3个月)Android App → Java/Kotlin (3个月) 微信小程序 → 微信原生语法 (2个月 开发IDE，专门为uniapp开发优化。 在HBuilderX中重新配置微信开发者工具路径3. 响应式布局}7.3 学习资源官方文档uniapp官方文档：https://uniapp.dcloud.io/Vue3官方文档：https://v3.cn.vuejs.org/社区资源uniapp插件市场
2.2K20编辑于 2026-01-01 - 来自专栏大前端全栈开发
uniapp开发安卓应用踩坑记
直接在iconfont上生成的代码，url链接里是以 // 开头的，不是完整的网址路径。 解决方案：在字体图标引用路径前面要加上https:，否则在app上不显示
1.1K30编辑于 2023-11-16 - 来自专栏404
使用 uniapp 开发微信小程序
使用 uniapp 开发微信小程序 简述 纵翔商城是基于微信小程序实现的线上商城。 collapse-tree-item" } }, "tabBar": { "color": "#7A7E83", "selectedColor": "#3cc51f "height": "50px", "fontSize": "10px", "iconWidth": "24px", "spacing": "3px 小程序与小游戏获取用户信息接口调整，请开发者注意升级！ 新建项目 微信开发者工具新建项目，引入thorui组件库。
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云开发(二)---云存储基础
云开发—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? invite_code=guxjsio9ud3l 前端：js入门 vue入门 vue开发小程序 等 后端： java入门 springboot入门等 服务器：mysql入门 服务器简单指令 云服务器运行项目
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手机助手开放平台地址：http://dev.360.cn 3、 注册并认证过程大约需要2-3个工作日左右。
1.6K10编辑于 2023-11-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号