五十四、快速上手uniapp

@Author：Runsen

uniapp可以说是前端必学的东西。uniapp项目可以一套代码运行到多端(APP端(安卓和ios)、各种小程序(微信、支付宝、头条、百度、QQ)、H5端)。

详细介绍请看官网：https://uniapp.dcloud.io/

先要下载安装编辑器Huilder X.直接从官网给的地址下载：https://www.dcloud.io/hbuilderx.html

大多数操作系统都是WIndows ，我们直接安装正式版下边的Windows版的APP开发版。

安装成功之后打开Hbuilder X,我们点击依次左上角的文件-新建-项目，然后就会出现如下图所示：

如果你想要创建一个属于自己的项目，就可以通过新建的方式，可以点击开发工具中心区域的新建项目，或者导航菜单的文件-新建项目，进行新建，选择uniapp，若需要使用云开发，直接勾选左下角的阿里云或腾讯云即可。

之后HX就会下载相应的模板，然后创建好之后就成这样了：

uni-app的运行

第一种是在各种浏览器上运行，在HBuilder X中打开要运行的项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，就可以在浏览器里面体验uni-app 的 H5

访问：http://localhost:8080/

uniapp本身就是一个vue项目。

第二种是真机运行，连接手机，开启USB调试，进入要运行的项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备，就可以在手机里面体验uni-app开发的项目了。

第三种是在微信开发者工具里运行。这也是在开发项目时的运行环境，在项目还没有正式上线之前，都可以在微信开发者工具里面运行。点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具。选择要运行的项目。

这里需要注意的是：需要在微信开发者中的安全设置开启服务端口

这里才能在在微信开发者工具里运行uniapp项目。

第四种就是在支付宝小程序开发者工具里运行；

第五种是在百度开发者工具里运行；

第六种是在字节跳动开发者工具里运行。都是一样的道理。

本期就分享到这里咯，希望对你有所帮助。下期Runsen将加大力度学习uniapp。

五十四、快速上手uniapp相关推荐

【Microsoft Azure 的1024种玩法】五十四. 十分钟快速上手创建部署Azure speech服务
[简介] Azure语音服务是Microsoft提供稳定可靠的云通信服务,其在单个 Azure 订阅中统合了语音转文本.文本转语音以及语音翻译功能,我们可以通过各种方式(语音 CLI.语音 SDK.S ...
【Visual C++】游戏开发五十四浅墨DirectX教程二十一视觉的诡计公告板 Billboard 技术
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 本系列文 ...
【Visual C++】游戏开发五十四浅墨DirectX教程二十一视觉的诡计:公告板(Billboard)技术...
本系列文章由zhmxy555(毛星云)编写,转载请注明出处. 作者:毛星云(浅墨) 微博:@浅墨_毛星云邮箱: happylifemxy@163.com I'm back~,这段时间大家久等了~ ...
[Python从零到壹] 五十四.图像增强及运算篇之局部直方图均衡化和自动色彩均衡化处理
首先,祝大家教师节和中秋节快乐! 欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文 ...
fpga驱动rgb液晶屏_正点原子开拓者FPGA开发板资料连载第五十四章基于的数字识别实验...
1)实验平台:正点原子开拓者FPGA 开发板 2)摘自<开拓者FPGA开发指南>关注官方微信号公众号,获取更多资料:正点原子 3)全套实验源码+手册+视频下载地址:http://www.o ...
Python编程基础：第五十四节排序Sort
第五十四节排序Sort 前言实践前言我们常需要对列表.元组中的元素进行排序,例如按照字母表排列学生的名称.这里就需要用到列表的sort()方法,以及sorted()函数. 实践我们先来构建一 ...
孤荷凌寒自学python第五十四天使用python来删除Firebase数据库中的文档
孤荷凌寒自学python第五十四天使用python来删除Firebase数据库中的文档 (完整学习过程屏幕记录视频地址在文末) 今天继续研究Firebase数据库,利用google免费提供的这个数据库 ...
Gradle 1.12用户指南翻译——第五十四章. 构建原生二进制文件
其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Github上的地址: https://g ...
【零基础学Java】—TCP通信（五十四）
[零基础学Java]-TCP通信(五十四) TCP通信:面向连接的通信,客户端和服务器端必须经过三次握手,建立逻辑连接,才能通信(安全). 通信的步骤: 服务器端先启动服务器端不会主动的请求客户端, ...
信息系统项目管理师核心考点（五十四）配置项分类、状态与版本
科科过为您带来软考信息系统项目管理师核心重点考点(五十四)配置项分类.状态与版本,内含思维导图+真题 [信息系统项目管理师核心考点]配置项分类.状态与版本一.典型配置项项目计划书.需求文档.设计文 ...

五十四、快速上手uniapp

五十四、快速上手uniapp相关推荐

最新文章

热门文章