uni-app创建项目,配置

本文介绍了在HbuilderX中使用uni-app创建项目的步骤,包括项目文件结构解析,如pages、static、APP.vue和pages.json的作用。同时,讨论了如何创建新页面,并提到了运行项目的两种方式:浏览器和微信小程序开发工具,强调了pages.json在配置和注册页面中的重要性。
摘要由CSDN通过智能技术生成
	## uni-app创建项目

1. 因为我用的开发工具是HbuilderX,所以我是直接在开发工具里直接创建的,详情可见官网(https://uniapp.dcloud.io),具体的操作如下图:
在这里插入图片描述在这里插入图片描述
2.创建完成之后会得到如下图的一个文件列表
在这里插入图片描述
这里边的wxcomponents和colorui不用管,这是引用的一些组件库,之后会再发表如何引用组件库的文章。其中页面是在pages文件夹里的,创建也是在该文件夹里创建,和微信小程序开发工具上的很类似,如下图
在这里插入图片描述
创建新页面的方法也很简单,直接在pages文件夹下,新建页面就行。然后是static文件夹,这个主要是存放一些图片什么的文件。unpackage的话,也是一个组件,可以直接跳过。APP.vue是公共页面,在这里可以设置一下公共的组件,main.js

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值