你将学会如何使用微信开发者工具开发微信小程序
发表时间：2023-09-30 16:38:31
文章来源：炫佑科技
浏览次数：217
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
你将学会如何使用微信开发者工具开发微信小程序
1）首先我们访问微信开发工具的下载地址，如下图所示。 我们下载稳定版本并根据您的系统选择macOS。 由于我这里指的是环境，所以下面的教程将以环境为例。 实际使用的是macOS。 与以下内容没有太大区别：
2）安装文件下载完毕，我们打开它：
3）直接进入下一步
4）继续点击“我接受”
5）这里需要选择安装位置。 我的建议是在系统盘外单独建立一个文件夹来存放安装软件：
6）安装完成后，我们选择完成，打开微信开发工具：
7）打开微信开发工具小程序开发工具，我们需要用微信扫描二维码：
8）扫描成功，我们进入小程序创建页面：
9) 在这里，我们完成项目信息。 这里填写的AppID是我们在上一篇中注册的小程序的唯一ID。 我们访问微信开放平台，然后找到微信小程序对应的AppID如图：
复制那里的id并将其粘贴到AppID栏中，然后选择项目的创建路径。 对于后端服务，我们可以选择“云开发”。 我们稍后会详细解释这一点。 操作应该如下图所示：
10）然后我们点击“新建”按钮，完成项目的创建，等待数据加载。 我们进入真正的开发工具页面。 微信开发工具主要由五个区域组成，每个区域都有不同的职责。你将学会如何使用微信开发者工具开发微信小程序，如下所示：
12）其中，这个文件夹就是我们小程序的根目录。 我们所有的文件都将存储在这个目录中。 我们展开根目录，看看里面的目录结构：
13) 可以看到，有pages、app.js、app.json等文件和目录，我们根据这里目录的英文定义基本上就可以明白它们的作用了。 它们主要存放一些常用的组件。 ，style是放置静态文件资源的地方（如图片、样式文件），pages是存放具体小程序页面的地方，文件app.js、app.json、app.wxss是可以全局使用的脚本通过小程序 、款式等信息。 .json是配置的页面索引的权重。 详情请参见：.json介绍。 ..json文件是小程序全局配置文件。 详情请参见：..json介绍。
今天我们的课程到这里就结束了。 本章我们学习了微信开发工具的安装、工具提供的功能分区介绍以及项目的基本结构。 再见。
