2022-09-04 uni-app学习笔记(一) uniapp介绍,下载,创建并运行一个uniapp项目,uniapp打包步骤,uniapp项目文件介绍

本文详细介绍了uni-app的介绍、创建和运行uni-app项目的方法,包括在HBuilderX中运行到微信小程序模拟器的步骤。同时,讲解了如何配置uni-app在浏览器中使用Google运行环境,以及uni-app的打包过程。最后,文章概述了uni-app项目文件的常见结构和用途。

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

1.uniapp介绍
  • uniapp是一个使用vuejs来开发所有前端应用的框架,

  • 它的特点是开发者编写一套代码,就可以发布到ios,Android,web响应式以及小程序,快应用等等多个平台

  • uniapp属于DCloud公司(HBuilderX编辑器),有较为丰富的周边生态(即插件),提供成熟的组件

  • 支持less,scss,typescript

2.如何创建并运行一个uni-app项目?
  • 先下载一个HBuilderX然后打开
  • 创建uni-app:文件>新建>项目(CTRL+N)>uni-app项目
    在这里插入图片描述
  • 运行uni-app项目:选择运行环境(浏览器,手机,小程序,终端等)
    在这里插入图片描述
  • 运行结果:(谷歌浏览器)
    在这里插入图片描述
3.如何在HBuliderX中运行uniapp项目到微信小程序模拟器?

在这里插入图片描述

step1:配置微信小程序路径

运行=>运行到小程序模拟器=>运行设置=>找到小程序运行配置下的微信开发者工具路径进行配置
在这里插入图片描述
找到微信开发者工具的安装位置,粘贴上去

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

前端OnTheRun

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

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

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

打赏作者

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

抵扣说明:

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

余额充值