uni-app 从零开始第二章:hello world

这篇具有很好参考价值的文章主要介绍了uni-app 从零开始第二章:hello world。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、新建项目

uni-app 从零开始第二章:hello world,uni-app

uni-app 从零开始第二章:hello world,uni-app

选择 默认模板,填写项目名,然后点击创建,我这里选择的是 vue3,大家自行选择,默认是2 


二、 运行项目到各个平台

注意,这里需要提前开启 微信开发者工具的端口

uni-app 从零开始第二章:hello world,uni-app

同样的,需要将mumu模拟器启动,然后 配置如下

uni-app 从零开始第二章:hello world,uni-app

找到adb文件 对应的目录所在位置,执行三个命令,注意命令执行的位置,是在这个目录下

(1).\adb_server.exe kill-server

(2).\adb_server.exe connect 127.0.0.1:7555

(3).\adb_server.exe devices

 然后在 HBuilder中配置相关路径

uni-app 从零开始第二章:hello world,uni-app

uni-app 从零开始第二章:hello world,uni-app

mumu端口为  7555 ,路径为 adb文件所在的路径

uni-app 从零开始第二章:hello world,uni-app

同样配置上 微信开发者工具的路径


三、项目运行

配置完成以后,我们就可以尝试将程序运行起来了

1、web

uni-app 从零开始第二章:hello world,uni-app

 等待编译完成,自动打开谷歌浏览器

uni-app 从零开始第二章:hello world,uni-app

2、微信小程序

 uni-app 从零开始第二章:hello world,uni-app

 uni-app 从零开始第二章:hello world,uni-app

3、安卓

uni-app 从零开始第二章:hello world,uni-app

这里 需要安装真机测试插件,就有这些选项了,没有的时候这里会提示安装插件

uni-app 从零开始第二章:hello world,uni-app

 uni-app 从零开始第二章:hello world,uni-app

 如果一直卡在这里显示同步完成,请重新下载mumu模拟器,建议下载 X版本

uni-app 从零开始第二章:hello world,uni-app


 

四、项目目录介绍

uni-app 从零开始第二章:hello world,uni-app文章来源地址https://www.toymoban.com/news/detail-526327.html

到了这里,关于uni-app 从零开始第二章:hello world的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 第二章——开始学习C++

    进入C++ 首先介绍一个显示消息的简单C++程序(不同于以往的“Hello,world\\\")     注意看这里的文件名,是以.cpp 结尾的。这是C++程序常用的方式 在其他环境中可能需要不同的扩展名  另外C++对大小写敏感,也就是说严格区分大写字母和小写字母。 通过上面这一小段程序来分

    2024年02月13日
    浏览(22)
  • C51笔记-郭天祥-第二章 从点灯大师开始

    第2章   Keil 软件的使用及流水灯设计   Keil 的用法:用 Keil 建立工程;              工程配置;              C51 单片机程序软件仿真、单步、全速、断点设置和变量查看等;   用一个完整的 C51 程序操控 LED 亮灭; 调用库函数实现流水灯; 蜂鸣器与继电器的操

    2023年04月23日
    浏览(19)
  • .NET5从零基础到精通:全面掌握.NET5开发技能【第二章】

    章节 第一章:https://www.cnblogs.com/kimiliucn/p/17613434.html 第二章:https://www.cnblogs.com/kimiliucn/p/17620153.html 第三章:https://www.cnblogs.com/kimiliucn/p/17620159.html 5.1-使用Session 5.2-Log4Net组件使用 (1)管理Nuget程序,下载【log4net】和【Microsoft.Extensions.Logging.Log4Net.AspNetCore】 (2)新建一个文件

    2024年02月13日
    浏览(25)
  • uni-app的学习【第二节】

    uni-app页面路由全部交给框架统一管理,需要在pages.json里配置每个路由页面的路径以及页面样式(类似小程序在app.json中配置页面路由)   接着第一节的文件,在pages里面新建三个页面 将之前的首页替换为下面的内容,其他页面如下图 然后打开pages.json文件 如果会自动生成的

    2024年02月02日
    浏览(19)
  • 第二章(第二节):无穷小量和函数

    若 lim f(x) = 0 , 则称函数 f(x) 当 x → x 0 时是无穷小量,简称: 无穷小 。      x→ x 0 定理1. 有限多个 无穷小量的代数和仍是无穷小量 定理2. 有限多个 无穷小量的积也是无穷小量 定理3.常数与无穷小量的积也是无穷小量 定理4.有界变量与无穷小量的积是无穷小量 当 x→

    2024年02月08日
    浏览(26)
  • 第二章 进程管理

    目录 2.1  进程的引入 2.1.1程序的顺序执行 1.程序的顺序执行 2.程序顺序执行时的特征 2.1.2  程序的并发执行及其特征 1.并发执行的概念 2.程序并发执行时的特征 2.1.3  进程的定义与特征 1.进程的定义 2.进程的特征 2.1.4  进程的基本状态及转换 1.进程的三个基本状态

    2024年02月04日
    浏览(29)
  • 第二章 编程基础

    内容框图 单行注释: 快速注释: 多行注释: 使用+号拼接 使用拼接函数 列表 列表是一个有序的序列结构,可以存放不同数据类型的数据。 列表每一个元素有一个索引。 列表可以进行一系列操作,添加,删除,修改元素。 元组是一个有序的序列结构,基本结构和列表类似。

    2024年02月06日
    浏览(32)
  • 第二章 翻译

    Section Ⅲ Translation Directions: In this section, there is a text in English. Translate it into Chinese. Write your translation on ANSWER SHEET 2. (15points) “Sustainability” has become a popular word these days, but to Ted Ning, the concept will always have personal meaning. Having endured a painful period of unsustainability in his own life made it

    2024年02月08日
    浏览(33)
  • 操作系统——第二章

    一.单选题(共30题,60.0分) 1 ()是指从作业提交给系统到作业完成的时间间隔 (2.0分) A、 周转时间 B、 响应时间 C、 等待时间 D、 运行时间 正确答案: A 2 引入多道程序设计技术之后,处理器的利用率() (2.0分) A、 有所改善 B、 极大提高 C、 降低 D、 无变化 正确答

    2023年04月08日
    浏览(22)
  • 信息系统安全(第二章)

    2.1.1基本概念 在网络开放环境中,信息系统易遭受各种各样的攻击,例如消息窃听,身份伪装,消息伪造与篡 改,消息重放等。这种入侵行为的实施相当一部分建立在入侵者获得已经存在的通信通道或伪装身 份与系统建立通信通道的基础上。因此,在信息系统中,用户在登

    2024年04月09日
    浏览(61)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包