1

作为百度智能小程序开发者,开发者工具编辑器想必大家都非常了解了~!

它是百度智能小程序官方提供的代码开发工具,为小程序开发提供了大量的针对性优化功能,如:小程序的代码高亮、代码提示、代码模板、px转rpx、云函数、组件面板、自动文件生成等。这些百度开发者工具编辑器特有的功能,可以大大提升开发者的工作效率。

为了进一步提升广大智能小程序开发者的使用体验及开发效率,7月初,我们对进行了编辑器的内核升级。这次编辑器体验升级后的主要功能包括:分屏编辑功能、文件大纲与面包屑功能、Git源代码管理功能、Git时间线功能以及终端面板和问题面板功能

2020年9月10日,16:10,百度高级研发工程师-郑家骐将通过“百度智能小程序布道师”百家号为大家直播讲解并演示编辑器的新功能。担心错过的同学,可以扫描下方二维码提前预约起来~
image
接下来,先给大家简单的文字介绍一下编辑器的部分新功能~

01分屏编辑

     分屏编辑允许我们开发者将编辑区分隔为多个区域,支持上、下、左、右,四个方向的无限分隔,方便我们同时编辑多个文件,或者进行文件的对照编辑。如下图所示,编辑器被分为了左右两个部分,两部分的文件都可以被编辑。

     使用场景:

  • 文件同时编辑
  • 文件对照编辑

image

02文件大纲与面包屑

      文件大纲,如下图所示,左边红框内的部分就是文件大纲,展示的是当前文件中代码的整体结构,包括代码中的变量、函数以及属性,都能够按照树形结构显示出来,可以方便大家在阅读代码时更快的掌握代码的整体结构。同时我们点击具体的节点时可以跳转到代码的对应位置。

      面包屑,如下图所示,画面中上方红框内的部分就是面包屑。面包屑由两部分组成,文件目录部分与文件大纲部分,我们点击面包屑中的节点就会打开文件提示,方便我们在不同文件间进行跳转。

     使用场景:

  • 代码结构展示
  • 快速代码跳转
  • 快速文件跳转

image

03 Git时间线     

      GIT时间线会将当前文件所有的历史提交记录按照先后顺序以列表的形式展现出来,点击提交记录就会在右侧编辑区中展示此次提交对当前文件所有的修改。这样就能让我们很方便的看到文件的修改历史,便于我们排查代码中一些问题的历史原因。

     使用场景:快速查看提交历史
image

关于直播课的内容就先透露这么多啦~更多编辑器的功能将会在直播中跟大家分享,都是大家在日常编写代码时能够用得上的非常实用的功能哟~!赶紧预约吧~


百度小程序技术
318 声望79 粉丝