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

小程序开发与实战

学习视频：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；
启动页面：选择模式对应的页面

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