简单梳理一下这段时间学习的uniapp
一,开发前的准备
-
HBuilder X
-
微信开发者工具
平时我会用HBuilder X 进行代码编译 用微信开发者工具进行查看 这两个软件直接去下载就可以
在使用微信开发者工具时候需要申请一个账号 在微信公众平台去申请 准备好之后就可以开发了 在正式开发之前 我的小白老师告诉我们一个网站 叫uview www.uviewui.com/ 一个框架 引入之后很多样式可以直接用,方便的很 ok,讲一下怎么去创建新项目吧
这个是 HBuilder X 的开始页 点击新建项目
- 选择uni-app
- 选择默认模板
- 自定义项目名称
- 选择项目地址(最好在d盘单独建一个文件夹 用于存放项目)
创建完成之后
会有这些目录 这些目录干嘛的腻
- pages 这个文件夹 用来放vue文件 网页内容就在vue里面写的嘞 我们的项目里会有很多页面 我们可以在pages里面建不同的文件夹 不同的页面放在不同的文件夹里面 但是都要放在pages里 可以放在index里 也可以跟他同级
- static 这个文件夹呢 用来放我们需要用的图片或者视频
在pages 里面写页面
vue页面分三个部分 html js css 依次去编写就可以了