一、小程序环境配置
小程序开发主要用到两个工具:HBuilder X 以及 微信开发者工具
只需要在HBuilder中创建项目,在项目的manifest文件下 绑定我们的开发者ID(微信公众平台,申请注册小程序,在开发一栏查看ID)就能实现关联
并配置开发者工具的路径
二、创建项目 基础开发
1、创建新项目
看看新项目的每一文件都是什么意思!
2、tabbar初尝试
创建新的页面
在上面介绍的page.json中配置tabBar下栏
简单介绍属性标签含义:
“pagePath”: 页面路径
“text”: 名称
“iconPath”: 未选中时的颜色
“selectedIconPath”: 点上去的颜色设置
"tabBar": {
"selectedColor": "#27BA9B",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/tabs/home_default.png",
"selectedIconPath": "static/tabs/home_selected.png"
},
{
"pagePath": "pages/index/index",
"text": "我的",
"iconPath": "static/tabs/user_default.png",
"selectedIconPath": "static/tabs/user_selected.png"
}
]
},
其实每个标签指上去都会给你提示本标签的含义要写什么,超级智能!!!
我们简单的tabBar就设计完成啦!
我们再把所有需要的页面用同种的方式添加
三、项目导入
如果是导入别人的项目的话
先看有无node_modules文件
没有则用自己的node按照:npm install
再看有无小程序的开发文件
没有则用pnpm dev:mp-weixin 安装
可以看下导入别人的配置文件中,是什么安装方法
主目录page.json中,有各种环境的安装方式
最后介绍一下uni-app和原生小程序开发的区别