小程序学习-环境搭建

1.申请小程序账号

小程序开发文档:  https://developers.weixin.qq.com/miniprogram/dev/

账号申请地址: 

公众平台登录地址: 

拿到开发要用的 appid: 小程序后台 → 开发 → 开发设置 → AppID(小程序ID)

2.下载安装微信开发者工具

开发者工具下载: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19022220

3.微信开发者工具使用介绍
   模拟器可悬浮
   快速打开文件 Ctrl + p
   打开最近浏览文件 Ctrl + e
   如果不习惯微信开发者工具, 可以用第三方编辑器来编写代码, 但是调试我们还是需要用微信开发者工具, 注意安装微信小程序语言插件, 如 vscode 的 minapp

4.创建第一个项目以及目录结构说明
    项目填写 APPID 可以体验全部 API 功能, 否则只能体验部分功能
  

├── app.js
├── app.json
├── app.wxss
├── pages
│   │── index
│   │   ├── index.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   └── index.wxss
│   └── logs
│       ├── logs.wxml
│       └── logs.js
└── utils 

5.

微信小程序的调试方法
小程序的调试器面板可以满足我们最基本的调试需求, 开发中有些便捷的方式在这里分享一下
1.小程序在预览之后可以在手机上打开 vConsole, 可以通过手机查看一些调试信息
2.如何通过手机查看已上线小程序的调试信息: 从开发者模式打开 vConsole 然后打开线上小程序, vConsole 此时还是存在的, 可以直接查看
3.真机调试模式可以时时打印编辑器上的调试信息, 真机调试每次只能供一台手机使用
4.真机清除小程序缓存办法: 删掉开发板小程序, 重新扫码即可, 注意个别安卓机清除不掉
5.遇到很奇怪的问题没有解决思路, 要去小程序社区搜索相关问题, 如组件, API 名称等
6.在开发中如果没有配置合法域名或者后端接口并未上线正式环境, 一定要勾选不校验合法域名选项
7.如果涉及到调试二维码中所带的参数, 小程序的编译模式中有个通过二维码编译即可实现二维码调试