uni-app的使用及HBuilder的Vue创建

本文介绍了如何在HBuilder中使用uni-app创建前端项目,详细讲解了项目结构,如pages、static、uni_modules目录的作用,以及pages.json配置。通过新建vue文件,展示了template、script和style标签的功能,并提供了引入组件和uni-app使用示例,帮助读者理解和掌握uni-app的使用。
摘要由CSDN通过智能技术生成

首先在HBuilder的创建项目点击新建打开会出现功能列表

点击项目创建输入项目名称 这里可以找到我已经创建了以uni_hello为名称

如图会出现各种文件这里

pages:存放你写的各种数据代码

static:存放各种视频,音频,图片

uni_modules:可以把他看做一个各种方法的存放地 '英语好的不会的可以在这里找到自己

所需要的各种方法

pages.json:这个为启动页你所有的页面的地址都需要放在这里

这里我已经存放了4个页面 以后的页面也以这样的形式写入

例:{

"path":"pages/login/login"

}

*注意

"navigationStyle":"custom"

这串代码的加入 会让你的页面变的干净

这个页面的代码我放在了下方

{
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/colloc
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值