零基础手把手教你创建微信小程序(一)·微信小程序开发账号的注册以及开发者工具的安装和使用-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博客

推荐阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: