文章目录
官方文档:微信开放文档
一、起步
1.注册一个小程序账号
首先需要在微信公众平台注册你的小程序,官方文档中写明了教程:点我点我
2.下载安装开发者工具
3.新建小程序项目
AppID(必填)在小程序账号中开发 -> 开发管理 -> 开发设置
获取,复制粘贴过来即可。
点击确定,就新建好了。
二、小程序配置
项目目录结构:
小程序的文件大部分分为四种,分别是wxml、wxss、json、js。wxml文件类似html文件,用来描述页面结构;wxss文件类似于css文件,书写一些页面样式;json文件则是页面配置;js文件处理逻辑交互。
vue项目都是把页面结构、样式、逻辑交互写在一个文件,区别的是微信原生开发将这些分开来写。
1.全局配置
{
"entryPagePath": "pages/index/index",
"pages":[
"pages/index/index",
"pages/sort/sort",
"pages/dress/dress",
"pages/user/user",
"pages/login/login"
],
"subPackages": [
{
"root": "packageA",
"name": "分包A",
"pages": [
"pages/mydata/mydata",
"pages/collection/collection",
"pages/cabinet/cabinet",
"pages/record/record",
"pages/addData/addData"
]
},
{
"root": "packageB",
"name": "分包B",
"pages": [
"pages/shareDetail/shareDetail"
]
}
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "",
"navigationBarTextStyle":"black",
"navigationStyle": "default"
},
"tabBar": {
"custom": true,
"selectedColor": "#ff9a9e",
"borderStyle": "white",
"color": "#7A7E83",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/icon/home.png",
"selectedIconPath": "static/icon/pink-home.png"
},{
"pagePath": "pages/sort/sort",
"text": "分类",
"iconPath": "static/icon/sort.png",
"selectedIconPath": "static/icon/pink-sort.png"
},{
"pagePath": "pages/dress/dress",
"text": "穿搭",
"iconPath": "static/icon/dress.png",