从零开始用uniapp搭建一个APP

最新推荐文章于 2025-03-08 09:15:51 发布

人生巅峰

最新推荐文章于 2025-03-08 09:15:51 发布

阅读量1.5w

点赞数 21

分类专栏： uniapp 文章标签： vue.js uni-app request

本文链接：https://blog.csdn.net/qq_40133387/article/details/110622211

版权

本文介绍如何使用uniapp从零开始构建安卓应用，包括选择HBuilderX作为开发工具、配置接口文件与manifest.json、利用uni-ui框架搭建界面及一键打包APK等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从零开始用uniapp搭建一个APP

做一个项目就像玩积木一样，项目中用到的东西就好像积木块，你所要做的就是把这些小木块拼成你想要的形状。

从零开始用uniapp搭建一个APP

需要做一个安卓的app，之前一直在写前端所以考虑到用uniapp来做。完成之后做一个记录算是学习总结。

做任何事情最难的还是第一步，只要迈出第一步其他的就简单了。直接开始

One

用uniapp开发，最好还是使用 HBuilderX 开发工具比较好。

创建项目简单自带有uniapp模板，可以根据自己需要来选择合适的模板
运行调试简单可以直接选择在浏览器运行或是运行到手机或模拟器
打包发布简单用HBuilderX一键云打包

Two

项目创建完成之后自然是开始配置了，前期准备工作做得好，后期开始做项目的时候会省

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

人生巅峰

关注关注

21
点赞
踩
230

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用UniApp 编写APP

weixin_44097578的博客

04-01

4439

** 使用UniApp 编写APP ** 一、背景第一次写博客，想和大家分享一下UniApp 这款前端框架，并一点点更新开发电商商城，大佬勿喷，有错欢迎提出。接触的时间大概是18年12月份，之前一直是在用vue进行移动端开发，没有开发过APP得经验。记得那天老板接了个APP的项目需要我们进行开发，还必须要求我们用UniApp 这款框架进行开发，说真的那时候是真的连听都没听过，接手的过程中也是一堆...

uniapp入门超详细教程：如何从零开始搭建项目

weixin_51609337的博客

07-19

1万+

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。本次章节也是博主从零开始搭建uniapp项目，在此过程进行记录，帮助后续查询同时为读者提供讲解，如有异议，欢迎留言。uni-app官网。

参与评论您还未登录，请先登录后发表或查看评论

uni-app--》如何制作一个APP并使用？

ztK63LrD的博客

04-05

4866

今天实现一个简单的新闻列表的小案例，并制作成一个APP在手机上下载使用，项目很简单，仅仅就只需要有两个路由来实现：index和user。如果第一次接触uni-app的话，欢迎订阅一下本专栏，学习里面的文章，项目的实现原理基本可以搞懂，废话不多说，直接上手操作。

一个 “超超超” 好用的 uniapp 开发模板

热门推荐

qq_38217940的博客

07-13

2万+

本文介绍使用uinapp+webview做一个app壳子，然后整个app使用内嵌h5的方式来开发APP.

uni-app跨平台APP开发

一叶知秋

01-02

1万+

uni-app跨平台APP开发uni-app 介绍开发开发工具HBuilderX模拟器连接框架介绍目录结构生命周期路由页面样式与布局配置pages.jsonmanifest.json组件、接口 uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。适用平台：Android、iOS、微信小程序。实现了一套代码，同时发布到Android、iOS、微信小程序。官方...

uniapp-开发APP端（踩坑、调试打包）

十五春会的博客

04-10

3943

uniapp开发APP端各个事项，包含审核发布踩坑指南。

uni-app(从零开始)

官方推荐

07-30

507

uni-app（从零开始） uni-app 是什么？ uniapp 就是使用Vue.js技术开发所有前端框架的跨端框架 uniapp 就是可以将一套代码发布到多个平台 uniapp 和 Vue 的关系？ uniapp是基于vue进行开发，继承了Vue的特性和语法在开发H5时支持所有的Vue语法 uniapp对Vue的一些底层进行了二次封装记得参考文档但是在发布到app和小程序时也有部分Vue的语法是不可以使用的比如：Vue-router和一些第三方的插件组件，因为小程序是不支持Dom操作的

手把手教你用uniapp开发一个App(一)

10-23

“手把手教你用uniapp开发一个App(一)”这篇文章，很可能是一系列教学文章的第一篇，主要目的是为了引导初学者如何从零开始使用uni-app框架来开发一个完整的App。文章会详细介绍如何搭建开发环境，如何编写项目的第...

从零开始：UniApp入门指南与实战教程

lyc2022064288的博客

04-18

3101

UniApp是一个基于Vue.js的跨平台应用开发框架，它结合了Vue.js的开发模式和一些特定平台的能力，使开发者可以使用Vue.js来开发多端应用，包括微信小程序、App、H5等。发布到应用商店或Web服务器：根据目标平台的要求，将打包后的应用发布到相应的应用商店（如App Store、华为应用市场、小米应用商店等）或Web服务器上，供用户下载和使用。：UniApp基于Vue.js框架，拥有丰富的开发工具和生态系统，开发者可以快速上手，并且可以借助Vue.js的组件化开发思想，提高开发效率。

入门UniApp：从零开始构建跨平台应用

codexiaoke的博客

04-24

2258

UniApp是一个基于Vue.js框架的跨平台应用开发框架，可以让开发者使用Vue.js语法编写一次代码，然后在多个平台上运行，包括iOS、Android、Web等。UniApp的目标是实现一套代码，多端运行，从而减少开发者的工作量和时间成本。

uni-app开发实例

03-16

开发实例，包含页，tab自定义导航栏，滑动列表，搜索页面等

Uniapp从零开始，手把手教学（附精选源码32套，涵盖商城团购等）

张伟的专栏

04-12

2931

如果是刚入门小程序的，又或者刚听到这个名词的人，可能跟我之前一样，带着诸多的疑惑。比如：什么是uniapp？它和原生微信小程序有什么异同之处？为什么推荐uniapp开发？这里一句话两句话解释了可能还是云里雾里的。我的建议是看看下面这个视频，个人觉得讲的很清楚明白。开发微信小程序使用原生开发还是uniapp开发，详细介绍原生小程序与uni-app开发的优缺点_哔哩哔哩_bilibili页面文件遵循Vue单文件组件规范组件标签靠近小程序规范，详细见uni-app组件规范。

选择了uniapp开发app

授人以鱼，不如授人以渔。

02-28

3604

7月份打算做一简单app,之前公司做app的时候简单用过Dcloud公司的mui，当时由于uniapp刚出来，最终选择了mui。对uniapp的了解几乎没有。做app对我来说几乎是零基础的，当然是能把任务完成越简单越好。当时有了解谷歌的Flutter，是使用Dart语言开发的，由于我和另外同事都感觉入门门槛比较高，加上app开发时间比较着紧，所以放弃了。现Flutter更新的频率比较高...

【uniapp】uniapp之APP开发整合

糖葫芦哎的博客

10-21

7768

uniapp之关于app的开发整合

uniapp开发app应用从创建到上架

xiao1215fei的专栏

11-13

5158

通过uniapp官方开发文档，可以完成app开发，但开发过程中难免遇到疑难杂症，以下是本人开发过程中遇到的各种问题及应对方式，仅供参考。

uni-app 开发

he123456lei的博客

01-29

1100

小程序系列--uni-app手把手超详细教学。

利用uni-app快速开发一款简单App的超详细教程（含开发、打包、调试等）

我的ID：sumer-work（全网同名）昵称：程序员SUMER（全网同名）

09-23

6018

利用uni-app快速开发一款简单App的超详细教程（含开发、打包、调试等）

uni-app使用教程-指南（开发app）

月苏西的博客

01-19

5611

uni-app 开发app的安装，创建，使用组件，讲解，全图解

uniapp一键生成App

09-06

使用uniapp可以帮助你从零开始搭建一个App，并且支持自由拖拽，一键生成flex代码。你可以使用该平台提供的十大特性来开发你的App。此外，uniapp还提供了强大的一键CRUD生成代码功能，包括页面JS、控制器controller、...