Built-in Explorer

windows: Supported from HBuilderX 2.5.5+; mac:Supported from HBuilderX 2.6.3+

Most IDEs display files and folders in the project explorer on the left, which cannot provide the best convenience and efficiency experience. The built-in resource manager of HBuilderX displays a larger resource management interface for easy files management.

Compared with default resource manager of OS, HBuilderX brings a better experience for developers.

  • In “Large Icons” mode, HBuilderX display the html title, vue page and component name
  • Preview the content of markdown file
  • In “Details” mode, svn/git status will be displayed on an extra column

Demo

Built-in Explorer - 图1

Advantages

  1. In “Large Icons” mode, all pictures are displayed as thumbnails for easy preview
  2. Preview content from thumbnails of Vue, markdown and txt files
  3. In “Details” mode, the file list shows file type, size, and modification time
  4. In “Large Icons” mode, beautiful icons have been redesigned for each file type
  5. Select the file or folder, right-click menu, you can see the properties of this file
  6. It is easier to create components and pages for uni-app projects
  7. More features ………

Address Bar

Use the address bar to return to the parent directory and top directory.

Built-in Explorer - 图2

Quickly check file attributes

Select the file, right-click the menu, click “properties” option. You don’t need to open the file through explorer.

Built-in Explorer - 图3

Powerful file search

Built-in Explorer - 图4

svn/git

In the built-in resource manager, you can intuitively view the file status of svn and git projects.

Built-in Explorer - 图5

Beautiful and intuitive file icons

Built-in Explorer - 图6

Create page for uni-app project

Built-in Explorer - 图7

Settings

The way to open the resource manager, the default is to double-click to expand the directory, you can customize it to open and close

  • Menu [Tools - Settings - Commonly Used], you can set the way to open the resource manager

Built-in Explorer - 图8

  • Settings in the upper right corner of the explorer

Built-in Explorer - 图9

How to use external commands in explorer?

You can compress or decompress files through external commands in the explorer.

Configure external commands for compression and decompression, see HBuilderX External Commands

Built-in Explorer - 图10