· 新项目

- 项目名称：可以任意命名，方便我们新建多个小程序项目时区分。

- 目录：我们的项目目录需要选择一个空文件夹。

-：如果没有，可以申请一个小程序账号，或者点击测试账号（部分功能会受到限制）。小程序账号申请地址：

- 开发模式：

-- 小程序：创建后生成默认的开发目录界面。

-- 插件：创建后，生成将插件引入页面的代码。

（两者的区别在于目录结构不一致，插件模式在默认小程序模式的基础上扩展了插件的使用）

后端服务：

不使用云服务：

这意味着你需要搭建自己的服务器，并提供数据库、存储等一系列后端功能服务。您可以选择小程序遵循的语言规范，或者。

小程序·云开发：

无需搭建服务器，为开发者提供数据库、存储、云功能等完整的云支持。利用微信平台提供的API进行核心业务开发，可以快速上线和迭代小程序。

腾讯云：

可以选择运行环境或者PHP环境。

· 进口项目

- 项目名称：

你可以任意命名，当我们新建多个小程序项目时，你可以区分它们。

- 目录：

选择项目生成的目录。

-：

因为这是一个导入的项目，说明这个项目之前已经开发过，并且在小程序项目的开发过程中有相应的方式获取。

微信开发者工具操作界面分析

操作页面分为三块

图中详细显示了每块的位置。

模拟器

查看小程序当前运行的界面，实时模拟小程序的相关操作，与手机上打开小程序的界面相同。模拟器上方有几个设置按钮。官方针对不同型号的手机设置了屏幕尺寸。我们还可以自定义显示屏幕的尺寸。

网络信号可设置，目前支持4G/3G/2G/WiFi/离线。

编辑

开发、编辑、修改小程序代码。编辑器修改的代码可以在模拟器上实时看到修改后的效果。

调试器

调试区域细分为10个小部分：

1、检查小程序执行时的错误、打印信息、警告等。您还可以输入一些变量进行调试。

2、左侧查看当前项目中运行的所有脚本，右侧进行断点调试。

3. 该区域显示网络相关信息，可以查看网络请求和响应数据。

4.检查页面整体安全性。

5、查看已访问过的小程序页面的变量。变量值可以动态修改。

6.体验评分，在小程序运行过程中实时检查，分析一些可能导致体验不佳的地方，定位问题，并给出一些优化建议。

7. 开发者可以在这里模拟经纬度，也可以在这里模拟移动设备性能，用于调试重力感应API。

8、官方说明是用于显示当前项目使用wx后的数据存储情况。或wx。

9.用于链接手机调试。

10. Wxml相当于前端Web浏览器。它本质上和HTML+CSS是一样的，只是后缀名不同。您可以调试和修改标签样式。

然后我们看上面的工具栏

默认为普通编译，以普通编译模式执行。

添加编译模式：点击添加编译模式窗口如下图

自己定义模式名称，最好看名称就知道含义。

然后就是启动页的路径设置。小程序每次刷新都会进入启动页的路径。然后我们可以模拟一些启动参数，比如：name=&=，然后就是启动场景了。我们需要知道如何访问小程序。有很多情况，比如从公众号进入小程序、从单个聊天会话进入小程序、扫描二维码进入小程序、长按图片识别二维码进入小程序等等，这一系列的访问入口的场景值都是不同的，也就是说我们可以在这里模拟小程序输入的场景值。您可以在小程序中查看场景值有哪些：

另一种方法是添加通过二维码编译访问小程序的参数，可以选择本地小程序二维码图片。

现在我们来看看顶部和中间五个工具栏的用法

1、编译并重新编译当前小程序的代码。

2.预览并生成当前小程序的临时二维码。二维码将在 25 分钟后过期。这里有一点需要注意。开发者工具生成的二维码需要有开发者权限的微信才能扫码。进入。

3. 真机调试生成预览二维码。扫码后，手机会打开当前小程序，电脑会自动弹出调试区域。调试区用于手机的真机调试，方便在手机上看到程序的执行情况。什么。

4、切换后台/切换前台模拟小程序退出后台。这里退出后台是指将进程切换到手机后台。切换到后台后，会弹出一个前台入口。这是模拟小程序进入的地方。场景值。

5. 清除缓存 可以清除数据缓存、清除文件缓存、清除授权缓存、清除网络缓存、清除登录状态。

然后我们看看开发者工具右上角的四个工具按钮的用法。

1.上传 点击此处上传，将小程序上传至对应的小程序账号。从微信开发者工具上传的代码可以在微信公众平台-小程序后台进行管理。

2.版本管理：这里需要关联一个git账户来实现代码的版本管理，相当于我们平时使用git来管理代码云以及上面的代码。

3.社区 点击社区，进入微信社区平台。我们可以在社区平台反馈一系列微信（小程序、小游戏、微信支付）相关问题。社区地址是：

4.具体可以查看我们的账户信息和一些小配置。我们来看看这张照片。

从这里可以看到我们小程序的项目路径和本地代码包大小。目前微信限制小程序代码为8M，一个包分为2M，也就是说最多有4个包，每个包最大为2M。代码包超出指定大小。您以后将无法预览或上传。

调试基础库

我们还可以设置用于调试的基本库版本。微信推出新的API需要相应基础库的支持。我们默认的是最新的基础库版本。

集成了微信网页开发者工具。与之前PC端调试体验一致，可以快速上手。