As baidu intelligent small program developers, developers tools editor must be very well understood ~!

It is baidu intelligent small program official code development tools, small program development provides a lot of targeted optimization functions, such as: small program code highlighting, code tips, code templates, PX to RPX, cloud functions, component panel, automatic file generation. These unique functions of baidu developer tool editor can greatly improve the work efficiency of developers.

In order to further improve the use experience and development efficiency of the majority of intelligent small program developers, we upgraded the editor kernel in early July. The main features of the updated editor experience include: split-screen editing, file outline and breadcrumbs, Git source code management, Git timeline, and terminal and issues panels.

On September 10, 2020, at 16:10, Zheng Jiaqi, senior R&D engineer of Baidu, will give a live presentation and demonstrate the new functions of the editor through “Baidu Intelligent Small Program Evangelist 100”. If you are worried about missing out, you can scan the QR code below to make an appointment in advance

Next, I will give you a brief text introduction to some of the new functions of the editor

01 Split screen Editing

Split screen editing allows us developers to separate the editing into multiple areas, supporting up, down, left, right, four directions of infinite separation, convenient for us to edit multiple files at the same time, or file control editing. As shown below, the editor is divided into left and right parts, and files in both parts can be edited.

Usage Scenarios:

  • Simultaneous file editing
  • Document control editing

02 Document outline with bread crumbs

File outline, as shown in the figure below, the part in the red box on the left is the file outline, showing the overall structure of the code in the current file, including the variables, functions and attributes in the code, can be displayed in a tree structure, which is convenient for you to grasp the overall structure of the code faster when reading the code. At the same time, when we click on a specific node, we can jump to the corresponding position of the code.

The breadcrumbs, as shown below, are in the red box at the top of the picture. Bread crumbs are composed of two parts, the file directory part and the file outline part, we click the node in the bread crumbs will open the file prompt, convenient for us to jump between different files.

Usage Scenarios:

  • Code structure presentation
  • Fast code jump
  • Fast file jump

03 Git Timeline

GIT timeline will display all the historical commit records of the current file in the form of a list in order. Clicking commit Record will display all the changes made to the current file by this commit in the right editing area. This allows us to easily see the modification history of the file, so that we can easily troubleshoot the historical cause of some problems in the code.

Usage scenario: Quickly view the submission history

That’s all I have to say about the live class. More features of the editor will be shared with you in the live class, which are very useful features that you can use when writing code in your daily life. Make an appointment