Auto open/close files, preview, terminal

You can automatically perform any of the following actions when a section is shown

  • Close all open tabs from the previous section.
  • Open files.
  • Open a Preview (including external websites).
  • Open a Terminal window (including running terminal command in the background).
  • Highlight lines you wish to highlight within each file.

Page - Close Tabs

Enable this to close all tabs open from the previous section


Open Tabs


Windows can be opened automatically to present the tab configuration you feel is most appropriate for the reader.

The ‘Add Tab’ button allows you to create multiple lines into your configuration to address most scenarios you are likely to encounter.

Opening Files

To open files select the 'File’ type and enter the file name(s), including the path to the file if not in the root of the project.


To open multiple files in the same pane enter as

index.html, main.css


To preview your project select the 'Preview’ Type. If you wish to show an external website page, the preview type supports this.



Please note, if the site you want to preview prevents embedding in an iframe then you won’t be able to use https addresses, you would have to use an http address instead although this can only open up in an external browser tab.

Opening Terminal and running system commands

To open a Terminal window select 'Terminal’ Type.

You can also specify a terminal command to run when a section is displayed. For example, your Guide may run bash scripts to copy files into the root of your project from the .guides folder (which is hidden when a Guide is running) at a certain point in your Guide.


bash .guides/restore-sh prettier

You can also specify system commands in a new Terminal window like this


Highlighting Lines in your code

To highlight one or more lines within an auto-opened file, select 'Highlight’ type and then

  1. enter a piece of reference text, contained within your target file, into the 'Reference …’ field
  2. specify the number of lines, from that reference point, you want to highlight


Using reference text rather than a line number means that if you insert anything into your file in the future, the line number would be invalidated, whereas the reference is much less likely to be.

If there is any potential ambiguity with this approach, simply insert a comment which is guaranteed unique and reference that.

Any combinations are acceptable and they will be opened in the order specified.

Specifying a panel

If your layout for this page involves multiple panels, then you can also specify the panel number to display the file in.


If you leave the panel field empty, then the default panel will be chosen, which is the same as 0.

The panel order is left to right and then top to bottom and the last of all, the filetree (which you would rarely want to use).

Important : the first panel is 0, not 1.