微信小程序开发之——开发者工具介绍(1

三 菜单栏

---

通过菜单栏可以访问微信开发者工具的大部分功能，常用的菜单如下：

• 项目：用于新建项目，或打开一个现有的项目

• 文件：用于新建文件、保存文件或关闭文件

• 编辑：用于编辑代码，对代码进行格式化

• 工具：用于访问一些辅助工具，如自动化测试、代码仓库等

• 界面：用于控制界面中各部分的显示和隐藏

• 设置：用于对外观、快捷键、编辑器等进行设置

• 微信开发者工具：可以进行切换账号、更换开发模式、调试等操作

四 工具栏

---

工具栏提供了一些常用功能的快捷按钮，具体解释如下：

• 个人中心：位于工具栏最左边的第一个按钮，显示当前登录用户的用户名、头像

• 模拟器、编辑器和调试器：用于控制相应工具的显示和隐藏

• 云开发：开发者可以使用云开发来开发小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发能力从基础库2.2.3开始支持

• 模式切换下拉菜单：用于在小程序模式、搜索动态页和插件之间进行切换

• 编译下拉菜单：用于切换编译模式，默认为普通编译，可以添加其他编译模式

• 编译：编写小程序的代码后，需要编译才能运行。默认情况下，直接按Ctrl+S快捷键保存代码文件，微信开发者工具就会自动编译运行。若要手动编译，则单击“编译”按钮即可

• 预览：单击“预览”按钮会生成一个二维码，使用手机中的微信扫码二维码，即可在微信中预览小程序的实际运行效果

• 真机调试：可以实现直接利用开发者工具，通过网络连接对手机上运行的小程序进行调试，帮助开发者更好地定位和查找在手机上出现的问题

• 切后台：用于模拟小程序在手机中切后台的效果

• 清缓存：用于将代码上传到小程序管理后台，可以在“开发管理”中查看上传的版本，将代码提交审核。需要注意的是，如果在创建项目时使用AppID为测试号，则不会显示“上传”按钮

• 版本管理：用于通过Git对小程序进行版本管理

五 模拟器

---

模拟器用于模拟手机环境，查看不同型号手机的运行效果

图中，上方的iPhone 12 5表示手机型号，单击可以切换成其他手机。由于不同手机屏幕的CSS像素不同，宽高比也不同，在开发小程序时应对常见的手机屏幕进行适配。100%表示缩放百分比，可以调节预览画面的大小。WIFI表示网络环境，还可以切换成2G、3G、4G或Offline(离线)，不同环境的网速不同，从而可以测试小程序的网络加载速度。模拟器的底部状态栏显示了当前的页面路径为/pages/index/index

六 编辑器

---

编辑器分为左右两栏，左栏用于浏览项目目录结构，右栏用于编写代码。在左栏中单击某个文件，就可以在右栏中对改文件进行编辑。

七 调试器

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

，也节省大家在网上搜索资料的时间来学习。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！