微信小程序创建项目及配置文件

时间:2024-03-29 12:09:16

创建小程序步骤1:
下载好微信开发者工具后,打开工具
微信小程序创建项目及配置文件
点击加号创建新的项目
微信小程序创建项目及配置文件
AppID 必须填写 这个要到你微信公众平台登录你的账号
微信小程序创建项目及配置文件
点击查看详情在最下面就能看到你的AppID
微信小程序创建项目及配置文件
创建成功会自动生成小程序的文件
微信小程序创建项目及配置文件
pages文件里放你创建的页面,一个页面一个文件夹都在pages里,可以看index文件格式创建
utils这个文件 我记得以前是没有的,现在小程序这个文件是放公共的js文件,方便其他地方的页面调用
图片你可以跟pages创建一个平级的文件,其实这个文件创建在哪都行的。
app.js
这里是配置小程序页面的,以及导航样式,头部。
微信小程序创建项目及配置文件
pages数组里放的是你创建页面的地址,这个必须所有的页面地址都写上,如果不写小程序不会找到你创建的页面,
第一个放的页面永远是首页,不管你tabBar设置了什么,只要pages数组里第一个写的地址就是首页,其实这样也方便了你写新的页面不用每次修改样式后 还得点击到该页面,可以先把新的页面地址放到第一个,等写好了样式功能再从第一个位置放到其他位置。
pages里面最后一个 后面不可以加逗号否则会报错!
window里面是配置小程序页面手势功能和样式,比如下拉刷新,禁止页面右滑手势返回…
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html 这是接口文档可以仔细看看
微信小程序创建项目及配置文件
tabBar里面是设置底部导航的,官方说明只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象。
tabbar上边框的颜色, 仅支持 black / white
tabBar的位置,仅支持 bottom / top
微信小程序创建项目及配置文件
文档这方面写的很详细,可以仔细看看文档。