1. 首页
  2. 小程序

开发者工具编辑器内核升级啦!6大功能抢先体验!

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

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

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

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

接下来,先给大家简单的文字介绍一下编辑器的部分新功能~

01分屏编辑

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

     使用场景:

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

02文件大纲与面包屑

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

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

     使用场景:

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

JS中文网 – 前端进阶资源教程 https://www.javascriptc.com/
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容

03 Git时间线     

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

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

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

作者:百度小程序技术
链接:https://segmentfault.com/a/1190000023940955

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:开发者工具编辑器内核升级啦!6大功能抢先体验!

链接:https://www.javascriptc.com/4353.html

« Optional chaining
Js中文网周刊第113期»
Flutter 中文教程资源

相关推荐

QR code