微信小程序实战
1.1
-
全新的小程序开发模式-组件式开发
-
组件不仅有复用功能，还有很强的代码分离性
-
flex布局与ES6
-
良好的小程序开发结
-
了解项目需求
1.2 小程序开发准备工作
- 注册微信小程序账号
https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN
- 微信公众平台登录
https://mp.weixin.qq.com/
- 登录之后来到小程序后台管理页面
- 注册得到的小程序ID AppID
下载微信开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
根据系统版本下载相应版本
1.3新建小程序项目
新建小程序项目
扫码登陆开发者工具
新建小程序项目
新建小程序应进行以下的设置
- 项目名称
- 项目文件目录
- AppID 使用我们注册的AppID或者测试号
- 开发模式 小程序
- 后端服务 云开发或不使用云服务
全部设置完成后，点击新建
新建完成后，便能看到微信官方默认的小程序示例
微信开发工具简单介绍
模拟器：预览小程序的运行效果，可以设置机型、缩大小、网络状态、模拟操作、静音
编辑器：编写小程序代码的区域，也可以使用第三方IDE进行开发
调试器：调试器功能和浏览器调试器功能一致，代码输出输入，debug
资源管理器：显示当前项目目录结构，新建目录等操作
常用快捷键
在编辑器中按下F1，可显示所有快捷键
快速打开文件：ctrl+P
打开最近打开的文件：ctrl+E
格式化代码：shift+alt+f
48265)]
打开最近打开的文件：ctrl+E
[外链图片转存中…(img-X9XYyvOw-1584273848265)]
格式化代码：shift+alt+f