Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

For those unfamiliar a brief description of the layout components is described below:

Code Editor LayoutImage RemovedCode Editor LayoutImage Added

  1. Fullscreen toggle - Clicking this will take you to a full screen view, clicking while in full screen will restore the editor to its normal dimensions

  2. MiniMap display - A mini preview of the entire file you are currently editing. This can be useful to quickly navigate around larger code blocks.

  3. The Editor - …For editing

...

Often times you may want to save your work while editing but not actually publish your changes. In this case simply hit ctrl+s while in the editor to save the contents locally. After doing so you will see a marker in the toolbar:

Code Editor Local SavingImage RemovedCode Editor Local SavingImage Added

Your changes are now saved and you can freely leave the application and your changes will be loaded when you return. If at any point you want to revert your changes simply click the undo button in the local save banner.


Warning

To actually publish the code you must hit the SAVE button on the page.

Shortcuts Worth Knowing

Keyboard ShortcutDescription
Ctrl + Space

Brings up the suggestion menu. Hitting Ctrl + Space again while the menu is open will toggle suggestion descriptions

Image RemovedImage Added

Image RemovedImage Added


Ctrl + Shift + Space

Brings up function argument help. Needs to be used while editing function arguments.

Image RemovedImage Added

F1

Show command palette. The palette shows all available commands and their keyboard shortcuts.

Note that not all commands listed may be enabled.


...