微信小程序开发前准备

快速安装微信小程序的开发环境

注册小程序

https://mp.weixin.qq.com/ 注册为个人

下载编译器

网址

1、访问网址 https://mp.weixin.qq.com/
2、往下拉找到小程序，点击查看详情进入
3、开发支持----开发者工具---更多
4、下载自己需要的版本：我这里选择的是稳定版64位

安装

傻瓜式安装即可，启动登录就用微信扫一扫即可

开始我们的小程序啦

新建一个小程序

登录用注册的邮箱号登录

第一个页面创建

1.全局三个文件，分别是app.js  app.json  app.wxss(名称不可更改）
2.创建Pages目录文件（作用是用来放各个页面的）
3.创建页面{给页面起名字，并且创建4个文件}
	（1）js：页面逻辑实现
	（2）json: 负责标题栏和一些状态栏
	（3）wxml: 管理页面有什么
	（4）wxss: 页面排布
4.把内容单元封装在view内部，写法：<view>"内容”</view>
	用class的方法对view内容样式进行排布
	……class可以对其他组件样式布局也有效，class规定的样式前需要加上'.'，如果像image/text这样的组件的话，不需要加'.'(全局有效）
5.这节课需要用到三个组件：图片、文字、按钮
（1）图片 <image src='图片路径'></image>

  (2)  文字 <text>"内容"</text>

  (3)  按钮  <button "属性内容">"按钮上的字"</button>
		已经学历两个属性open-type和bindgetuserinfo
6.js文件中函数的定义方法
函数名+":"+function("参数列表（可不写"){
	函数内容
},

页面内容

页面排布

逻辑编写

1、之前在页面内容中定义了一个getMyInfo，那么在js中定义这个函数（函数名字要一样）

微信小程序表示变量的方法

{{}}----------表示变量
在js中，data是存放变量的地方

标题栏

app.json是全局的
index.josn是当前页的

小程序开发文档

https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html

小程序发布

注意事项：
1、小程序信息修改次数有限，有些信息一年才可以修改两次，所以第一次填写需要慎重
2、一个注册邮箱只能发布一个小程序
3、一个微信号绑定邮箱个数有限