零基础手把手教你创建微信小程序（一）·微信小程序开发账号的注册以及开发者工具的安装和使用-CSDN博客

零基础手把手教你创建微信小程序（二）·创建第一个微信小程序以及了解小程序代码的构成-CSDN博客

目录

1.  小程序页面的创建

1.1  方法一

1.2  方法二

2.  小程序如何更改和调试基础库

2.1  调试基础库介绍

2.2  如何更改基础库

3.  如何调试小程序

3.1  Wxml

3.2  Consol

3.3  Network

3.4  AppData

3.5  Storage

---

1.  小程序页面的创建

1.1  方法一

        首先，在“pages”文件右键弹出窗口找到“新建文件夹”，点击，如下图：

        在框内输入创建页面的命名：

        找到刚刚创建的文件，右键弹出窗，点击“新建Page”。

        输入页面名称，不需要输入任何后缀名：

        会自动生成，相关的四个文件：

1.2  方法二

        首先，我们先找到“app.json”文件，可以看到框住代码部分，分别对应创建的“index”和“list”文件，我们也可以在这段代码部分，进行创建文件。

        该段代码是创建页面路径，通过如图所示编写代码能够进行页面的快速创建：

2.  小程序如何更改和调试基础库

2.1  调试基础库介绍

        小程序调试基础库是指：微信开发者工具中可以选择的微信基础库版本。

        微信基础库是指小程序的运行环境，给小程序提供了运行所需的各种 API 和工具，以及基础框架和运行逻辑等。

        小程序开发者可以在微信开发者工具中选择所需的微信基础库版本，作为运行和调试小程序时的运行环境。

        每个小程序有自己所允许使用的基础库最低版本要求，开发者需要选择要兼容的基础库版本，从而确保小程序的功能正常运行。

2.2  如何更改基础库

        在工具栏找到“详情”，点击“本地设置”，在“调试基础库”中找到自己想要更改的基础库点击即可。

3.  如何调试小程序

3.1  Wxml

        在Wxml可以看到配置界面的结构和样式，通过对其的调试，可以对页面进行调试其结构和样式，如下：

3.2  Consol

        在Consol可以看到打印输出的内容，如下图：

        不过此时打印输出的还有系统打印输出的内容，可以右键系统打印的信息，找到“2”所示的内筒，点击，就可以隐藏系统打印输出的内容，如下图：

3.3  Network

        调试服务器的网络请求，调试自己向服务器发送的请求：

3.4  AppData

        查看当前页面对应的哪些数据：

3.5  Storage

        查看自己在本地存储了那些数据：

微信小程序开发_时光の尘的博客-CSDN博客