第一步:我们先下载一个hbuilderx ,下载微信开发者工具
微信开发者工具下载地址
hbuilderx下载地址
第二步:打开hbuilder 新建项目 填写项目名称 可以选择的模板有很多 我们直接新建一个啥也没有的默认模板
第三步 :
打开创建好的项目 点击最上方运行 选择运行到小程序模拟器 (选择第一项 运行到微信开发者工具 )
第四步 :查看微信开发者工具 (此时长这样)
第五步:查看项目目录,并查看项目文件夹中的 manifest.json文件 可以选择微信小程序的配置
第六步:新建我的页面 例如mine 右键点击项目中的pages目录 出现选项 选择 新建页面 并在建立好的mine.vue文件中写上“我的”
第七步:此时我们去往pages.json 文件中可以看见 有两个页面 一个是index页面和我们刚创建我的页面 (我们对应配置修改一下)配置项目在此处查看
pages.josn的全部配置项
修改成 大致这样 颜色风格什么的可以自己变化:更多配置参数请查看uniapp 官网文档 ctrl+s 保存
第八步 微信开发者工具查看效果:
但是这样感觉很丑 我们去网上随便找点素材(图片背景icon啥的)
我们在这个项目的static目录中新建images目录 并将我们找好的素材图片放在里面
放好之后 我们修改pages.json
然后保存 查看效果