一、 uni-app开发准备工作

已于 2022-10-30 22:07:23 修改
阅读量466 收藏 4
点赞数 1
分类专栏： app开发 文章标签： uni-app HBuilderX
于 2022-02-26 14:15:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinsefeixingchuan/article/details/123149304
版权
这篇博客介绍了uni-app的官网及官方IDE HBuilderX的下载与安装步骤，特别指出Windows用户应选择App开发版以避免后期下载额外依赖。安装后，可以根据个人习惯设置主题和快捷键，特别是对于熟悉VSCode的开发者。
摘要由CSDN通过智能技术生成

以下均已录制 点击查看B站视频
在这里插入图片描述

1. uni-app官网

2. 下载官方IDE工具 ： HBuilderX

https://www.dcloud.io/hbuilderx.html
在这里插入图片描述
在这里插入图片描述

3. 如果电脑是windows版本的，选择正式版的App开发版

相比标准版，虽然大了点，但是后期不需要下载很多的依赖，比较省事
在这里插入图片描述

4. 下载好之后，双击运行。选择主题，同时可选择自己习惯的快捷键使用

平时习惯vscode的就选择vscode
在这里插入图片描述

星银色飞行船
关注
专栏目录
【第一趴】初探uni-app（uni-app发行者、uni-app推出背景、为什么选择uni-app）
官方推荐
11-07 4万+
聚沙成塔——每天进步一点点，大家好我是几何心凉，不难发现越来越多的前端招聘JD中都加入了uni-app 这一项，它也已经成为前端开发者不可或缺的一项技能了，所以凉哥为大家推出聚沙成塔【45天玩转uni-app】专栏，帮助大家对 uni-app 进行学习和理解，uni-app可以通过一套代码多端发行，相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花，妥妥加分项；快来订阅专栏跟着凉哥一起来感受 uni-app 为开发者带来的劲感吧！
混合开发 UNI-APP 入门之一：开发前的准备
killersoft022的博客
06-29 595
近期公司需要开发一款使用移动端设备通过蓝牙控制硬件设备的系统。因为公司没有专业开发手机APP的人员，所以技术选型为混合开发，也就是通过uniapp技术进行开发。 到目前为止，开发了5天，APP的核心功能已经基本完成并已生成安装包进行测试。本人之前没有做过这方面的开发，写这个文档的目的就是记录下从入门以来的各种操作步骤，防止遗忘。另外，如果能给马上或已经入坑的码友提供一个避坑指南，那也是最好不过了。 入门文档内容主要包括：1开发前准备；2程序开发；3打包和建...
uni-app开发（一）：准备工作及环境配置
qq_33613491的博客
08-04 981
一、准备工作 1、uni-app开发官网下载Hbuilder开发工具，直接下载解压缩就可以用了 https://uniapp.dcloud.io/quickstart 2、HBuilder插件安装：工具——插件安装——APP真机运行/uni-app编译/stylelint/eslint-js/es6编译 二、创建uni-app项目 1、创建uni-app新项目并命名会生成一系列文件。 2、项目框架结构 3、pages.json 包含所有页面（pages）及全局样式（globalStyle） 4、manif
【小程序开发之uni-app】通识和实战准备
前端啤酒屋
07-11 1418
为什么用uni-app开发小程序？什么是uni-app？作为一套较为成熟的一套代码带多端的框架，又需要哪些通识和实战准备？
uni-app实战之路-准备开始
红岸基地
03-19 502
文章目录写在前面什么是uni-app下载hx下载微信开发工具申请小程序记住appid配置appid运行基本操作配置tabBar引用阿里图标做一个简单的效果出来appid的作用配置服务器域名 写在前面 之前关于vue的帖子就先暂时放一放，今天开始我的博客会更新一些关于uniapp的文章，都是一些基本的使用，我也是一边学一边写，为什么写这个呢？现在是一个微时代，现在的百度小程序，支付宝小程序，微信小...
跨端必须要掌握的uniapp（3），前端基础
老司机的后备箱
09-15 355
距离上次内容发布隔得时间太久了，工作忙啊，周末就更懒了，但是就剩一点点了，总拖着心里也过意不去，今天就把剩下的讲完，发布打包配置还有其他细节注意事项吧。用uniapp开发我常用的就是h5和小程序，app还没用过也不敢乱教别人，想了解更多的还是推荐去官网看uni-app官网 (dcloud.io)，总算是讲完了，可是总觉得讲的不够好，还需要努力啊，学海无涯，加油吧。后面用这个做个案例来试试，不然学了不用就忘了。好啦，本节内容就总结到这里。
uni-app开发介绍PPT
08-12
uni-app的优点是跨端开发，开发者可以使用uni-app开发一个项目，然后发布到多个平台。uni-app还提供了内置组件和拓展组件插件市场，方便开发者快速开发应用程序。 uni-app的生命周期与Vue标准组件的生命周期相同。...
uni-app-template:uni-app基础模板
04-01
总的来说，"uni-app-template"是一个方便的工具，为使用Vue.js和uni-app开发跨平台应用提供了便捷的起点。通过了解和掌握这个模板的结构和工作流程，开发者可以更高效地创建和维护多端应用，实现快速迭代和部署。...
uni-app开发介绍
b523606163的博客
05-26 3367
在学习uni-app前，建议开发者先学习Vue.js框架，因为uni-app基于Vue.js框架开发。若您已经熟悉Vue.js，则可以开始学习uni-app了。uni-app使用HTML、CSS和JavaScript编写应用程序，您可以通过使用Vue.js的语法以及Uni-app提供的组件和API来构建应用程序。在学习uni-app时，建议同时了解应用开发的相关知识，如应用的生命周期、页面布局、事件绑定及其响应等。这些知识将帮助您更好地理解Uni-app的实现原理和应用开发流程。
uni-app从入门到精通-10311421.pdf
05-28
uni-app是一个使用Vue.js开发跨平台应用的前端框架。开发者通过编写Vue.js代码，uni-app将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。uni-app继承自Vue.js，提供了完整的Vue.js...
uniapp入门超详细教程：如何从零开始搭建项目
最新发布
weixin_51609337的博客
07-19 9572
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。本次章节也是博主从零开始搭建uniapp项目，在此过程进行记录，帮助后续查询同时为读者提供讲解，如有异议，欢迎留言。uni-app官网。
Uniapp商城项目实战技巧
m0_67182997的博客
02-07 759
uniapp
uni-app开发前准备
cherry459的博客
09-30 1907
1、下载HBuilderX开发工具 https://www.dcloud.io/ 2、下载安装node http://nodejs.cn/download/ 3、进入项目中安装npm依赖（这些操作要进入开发的项目目录下） npm install //运行npm install可根据package.json的配置自动安装所有依赖包 npm uninstall //卸载依赖，...
uniapp安装npm依赖，导入，使用
热门推荐
m0_38116456的博客
07-13 2万+
uniapp安装npm依赖，导入，使用
Uni-app APP开发、适配指北
CRMEB小程序商城的博客
08-31 4653
跨端三剑客 近几年来，随着移动端开发的需求的不断变大，跨端框架也在不断的蓬勃发展，随之时间的推移，有三个跨端框架凭借其各自的优势，出现在大家的眼前Uniapp、Flutter、React Native。 其中uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等关键指标上拥有更强的优势. 这里盘点下已经支持小程序的超级 App： 微信、企业微信、QQ、支付宝、高德地图、手机淘宝、百度、百度贴吧、百度地图、今日头条、抖音…… 前置知识 软件方面：这里推荐所有un
关于uni-app的学习准备
shijie
07-08 959
什么是uni-app？ 是一个使用vue.js开发的跨平台应用的前端框架。一套代码可以运行到多个平台。 在uni-app中存在哪些变化呢？ - 文件变化： 1，文件类型的变化： 平时的.html文件变成.vue文件 2，文件内容结构的变化： 在 .html的文件里html是一个大节点，里面包含了style，script节点 在.vue的文件里template，style，script都是独...
使用uni-app开发App简易教程
qq_38217940的博客
07-13 2万+
本文介绍使用uinapp+webview做一个app壳子，然后整个app使用内嵌h5的方式来开发APP.
uni-App快速开发一个安卓应用
std7879的博客
11-08 1594
2，如需要添加地图操作，uniapp的模块配置中的定位服务和maps服务并填写申请的第三方key。1，需要注意的 id 的统一，package name的统一。
uniapp开发App从开发到上架全过程(三)-上架
JiayaoXu的博客
12-30 8028
app开发完成之后如果上架安卓应用时长和苹果appstore完全步骤详细讲解
uni-app开发app的基本流程
05-29
Uni-App开发APP的基本流程如下： 1. 准备开发环境：下载安装HBuilderX和相关插件。 2. 创建项目：打开HBuilderX，选择“新建项目”，选择Uni-App模板，填写项目名称、路径等信息。 3. 配置项目：根据实际需要，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星银色飞行船

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值