从0到1使用uniapp写小程序(第一章:创建项目)

第一步:我们先下载一个hbuilderx ,下载微信开发者工具
微信开发者工具下载地址
hbuilderx下载地址
第二步:打开hbuilder 新建项目 填写项目名称 可以选择的模板有很多 我们直接新建一个啥也没有的默认模板

在这里插入图片描述
第三步 :

打开创建好的项目 点击最上方运行 选择运行到小程序模拟器 (选择第一项 运行到微信开发者工具 )
在这里插入图片描述
第四步 :查看微信开发者工具 (此时长这样)
在这里插入图片描述
第五步:查看项目目录,并查看项目文件夹中的 manifest.json文件 可以选择微信小程序的配置
在这里插入图片描述
在这里插入图片描述
第六步:新建我的页面 例如mine 右键点击项目中的pages目录 出现选项 选择 新建页面 并在建立好的mine.vue文件中写上“我的”
在这里插入图片描述
在这里插入图片描述

第七步:此时我们去往pages.json 文件中可以看见 有两个页面 一个是index页面和我们刚创建我的页面 (我们对应配置修改一下)配置项目在此处查看
pages.josn的全部配置项
在这里插入图片描述
修改成 大致这样 颜色风格什么的可以自己变化:更多配置参数请查看uniapp 官网文档 ctrl+s 保存

第八步 微信开发者工具查看效果:
在这里插入图片描述
但是这样感觉很丑 我们去网上随便找点素材(图片背景icon啥的)

我们在这个项目的static目录中新建images目录 并将我们找好的素材图片放在里面

放好之后 我们修改pages.json
在这里插入图片描述
然后保存 查看效果
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值