Eraser VSCode Extension

Features

• Preview Eraser diagrams while editing diagram code
• Create new .eraserdiagram files
• Note this extension applies to .eraserdiagram files

Creating a new Eraser diagram file

1. Create an blank file with the .eraserdiagram extension
2. Open the blank file
3. Select among available diagram types
4. Write diagram code (learn syntax)

Viewing and editing an exiting Eraser diagram file

1. Open an existing .eraserdiagram file. By default, the diagram preview will show.
2. Click on the "Edit" button to open code editor.
3. Edit diagram code (learn syntax)

Diagram syntax

• The first line of the diagram code determines diagram type, which are:
  • cloud-architecture-diagram
  • entity-relationship-diagram
  • sequence-diagram
  • flow-chart
• Learn the syntax for each diagram type
  • Cloud architecture diagram
  • Entity relationship diagram
  • Sequence diagram
  • Flow chart