作者资料：CSDN \ ali \ \ 开发社区高质量的创建者，专注于在大数据，数据库，人工智能等领域共享高质量的内容。

个人主页： 的博客

正式代码：无论成就有多大或小的成就，保持谦虚的心，尊重他人并谦卑地学习。

✨召集的专栏：开始陶醉，开始陶醉，开始陶醉，开始实用战斗

如果命运达到这一点，我们将无法再次见面。愿你每天都有和平。早上好，早上好露水，早上中午说，早上好，早上好

在上一期中，我们介绍了一个迷你程序，迷你程序的概念，迷你程序的开发历史，迷你程序的核心和开发过程以及迷你程序开发与普通网络之间的差异页面开发，甚至体验了迷你程序的页面。接下来，我们开始制作微型程序

注册迷你计划帐户的第一步：

使用浏览器打开URL，在右上角单击“立即注册”以输入Mini 帐户的注册过程

步骤2：

开始选择要注册的帐户类型。在这里，我们选择迷你程序

步骤3：

开始填写您的电子邮件和密码

步骤4：

输入电子邮件激活

步骤5：

注册主题信息，在主题类型中选择个人，然后填写身份证和其他信息

步骤6：

注册一个Mini计划开发人员帐户，这是创建迷你程序项目时需要的

安装开发人员工具

首先，让我们介绍开发人员工具。迷你程序开发人员工具是制定和调试由微信提供的迷你程序的实用工具。它支持两个操作系统和MAC，从而使开发人员能够有效地开发和调试。让我们看一下它的功能

功能编辑器：调试器：预览器：Mini程序模拟器：上传和发布：API文档：Mini 工具技术堆栈：项目初始化：接口设计：数据绑定和事件绑定：API调用：调试和测试：调试和测试：发布和启动：发布和启动：

说了这么多之后，我等不及了！让我们立即开始安装！

安装第一步：

下载开发人员工具

访问此连接以根据您的本地版本下载和下载

由于我自己的Mac，我将直接放在下面

步骤2：

下载后，开发和安装

步骤3：

扫描要登录的代码，并使用与绑定的手机号码相对应的微信帐户扫描代码

然后单击微信上的登录

步骤4：

设置外观和代理

步骤5：

创建一个迷你程序项目

单击预览以查看对真实机器的影响

步骤6：

开发人员工具的组件

项目体系结构

：此目录通常用于存储小程序的所有页面文件。每个页面通常都包含一个.wxml文件（页面的结构），.wxss文件（页面的样式），一个.js文件（页面的逻辑）和.json文件（页面）。尽管这些文件的后缀未在图像中明确列出，但目录的存在意味着此目的。 ：此目录通常用于将可重复使用的工具功能或模块存储在小程序中。这些工具功能可能是处理数据，执行网络请求或执行其他一般操作。目录中的app.js可能是包含全局函数或配置的文件，但是由于图像信息有限，特定功能需要进一步查看文件内容。 app.js：项目的输入文件。 app.json：这是的全局配置文件，用于定义的生命周期功能，全局变量，页面路径等。它是一个必不可少的文件，供小程序启动和运行。 app.wxss：这是的全局样式文件，用于定义的一般样式。通过在此文件中编写CSS样式，您可以在中在全球范围内设计页面和组件。 ..JSON：这是开发项目的配置文件，用于定义项目的构建配置，编译选项等。它是开发人员在开发项目时需要经常修改的文件之一。 。它允许开发人员指定哪些页面可以由搜索引擎索引，哪些页面不想索引。

官方迷你计划建议将所有迷你程序页面存储在目录中，并存在于单独的文件夹中。

JSON配置文件JSON配置文件是什么？

JSON是一种数据格式。在实际开发中，JSON总是以配置文件的形式出现。迷你程序项目也不例外：通过不同的.json配置文件，可以在不同级别配置Mini程序项目。

文件名称位置功能

app.json

项目根目录

小程序的全局配置文件定义了生命周期功能，全局变量，页面路径，窗口表示，底部导航栏，网络超时时间和的其他全局配置。

页名

在每个页面目录中

的页面配置文件用于定义单个页面的配置，例如窗口性能（导航栏样式，背景颜色等），是否允许下拉刷新，上拉底部距离等。这些配置覆盖了全局配置文件app.json中相同的配置项。

..杰森

项目根目录

项目的配置文件用于定义项目的编译设置，开发人员设置等，例如项目名称，小程序的根目录，云功能的根目录等。此配置信息可帮助开发者在不同环境中保持项目一致性。

.json

项目的任何位置（由app.json中的字段指定）

的搜索配置文件用于配置是否允许的页面索引以提高搜索引擎中的的可见性。开发人员可以配置.json文件以指定可以索引哪些页面以及需要索引哪些页面。

每个JSON配置文件都有其自己的特定函数，它们共同形成了配置环境，以使运行。通过合理配置这些文件，开发人员可以确保小程序可以在不同的环境中正确运行并提供最佳的用户体验。

aap.json

app.json是当前的全局配置，包括所有页面路径，窗口外观，接口性能，底部选项卡等。

让我们看一下app.json文件中的配置

{ "pages": [ "pages/index/index" ], "window": { "navigationBarTextStyle": "black", "navigationStyle": "custom" }, "style": "v2", "renderer": "skyline", "rendererOptions": { "skyline": { "defaultDisplayBlock": true, "defaultContentBox": true, "tagNameStyleIsolation": "legacy", "disableABTest": true, "sdkVersionBegin": "3.0.0", "sdkVersionEnd": "15.255.255" } }, "componentFramework": "glass-easel", "sitemapLocation": "sitemap.json", "lazyCodeLoading": "requiredComponents" }

::：:: :: :::：.. json

.. JSON是一个项目配置文件，可记录我们对Mini 开发工具的个性化配置。

{ "appid": "wxdcxxxxxx", "compileType": "miniprogram", "libVersion": "3.7.0", "packOptions": { "ignore": [], "include": [] }, "setting": { "coverView": true, "es6": true, "postcss": true, "minified": true, "enhance": true, "showShadowRootInWxmlPanel": true, "packNpmRelationList": [], "babelSetting": { "ignore": [], "disablePlugins": [], "outputPath": "" } }, "condition": {}, "editorSetting": { "tabIndent": "insertSpaces", "tabSize": 4 } }

：：:: :::: :: json

微信已经打开以搜索迷你程序，效果类似于PC网页的SEO。 .json文件用于配置页面是否允许微信索引。

当开发人员允许微信索引时，微信将通过搜寻器的形式为迷你程序的页面内容索引。当用户的搜索关键字成功匹配该页面的索引时，可以在搜索结果中显示小程序的页面。

{ "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", "rules": [{ "action": "allow", "page": "*" }] }

注意：默认情况下启用了索引提示。如果需要关闭索引提示，则可以在项目配置文件中配置字段

页面的.json配置文件

对于小程序中的每个页面，您可以使用.json文件来配置此页面的窗口外观。页面中的配置项将覆盖app.json中相同的配置项。例如：

创建一个新的小程序页面

只需在app.json->中添加新的页面存储路径，而Mini 工具可以帮助我们自动创建相应的页面文件。