微信小程序之工具下载安装以及介绍

小程序开发与实战

学习视频：https://www.bilibili.com/video/BV1Gv411g7j6?p=1

项目介绍

十方智育，商业级项目
功能实现：微信小程序端的页面实现 + json-server（数据模拟）
项目资源
资源下载
可以加群进行下载资料：557941982
不过博主也把它上传到Git平台了：https://gitee.com/angelordevil/open-horizon
可以去克隆下来

素材
微信小程序官方网站：https://mp.weixin.qq.com/
开发工具：官方提供的微信小程序开发工具
安装注意事项：尽量避免中文目录、空格、特殊符号（当然，下划线还是可以的），但国内的开发工具可以出现
下载链接：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
一般下载稳定版的，Windows现在大家应该都是64位的吧。

下载完成，双击进行安装

直接选择下一步然后同意许可，下一步选择安装路径

然后等待安装完毕。

申请账号地址：https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN
账号申请注意事项：首先要有微信号，需要通过微信登录，然后得注册小程序账号，最后这两个得绑定。

可以使用QQ、126、163雅虎等作为邮箱登录。去126、163等注册一个账号即可。
按照步骤一步一步完善信息。
最后一步信息登记那里选择个人即可

然后最后扫码，进入管理后台

取色.exe（取色器）

这个在百度搜索一下就出来了
用来提取颜色的，下载安装，然后双击就可以提取想要的颜色了。

安装最好选择自定义安装路径

安装完成解压

创建项目

第一次安装这个的应该都会出现这个

扫描二维码进入页面

完善信息
这个AppID是刚刚注册完微信小程序的时候的一个AppID.

如果没有的，就到刚刚注册小程序上面找到以下AppID的复制粘贴过来即可

点击确定就可以创建一个微信小程序
小程序的三大区域：
1、模拟器区域
模拟真机环境，代码在不同手机上呈现的基本效果，可以在左上角选择机型、百分比、字体的大小等。
这个机型主要看的是分辨率，不是对应的产商品牌。当然这个是可以自定义的

2、编辑器区：写代码
包含两部分，项目结构目录（资源管理器）和编辑代码部分（编辑器）

3、调试器区域：调试代码的

菜单栏

修改编译模式
普通编译模式：修改代码后默认打开的是项目首页
模式名称：可以根据自己实际开发情况自定义，比如叫日志页面/logs；
启动页面：选择模式对应的页面

其他的一些可以慢慢探索。