Zum Inhalt springen

Installation

Morphic Blocks bringt Blockly als Dependency mit, es wird also automatisch mitinstalliert:

Terminal-Fenster
npm install morphic-blocks

Der Code-Editor, der Codespace und die Preview basieren auf CodeMirror 6. Die CodeMirror-Pakete sind optionale Peer-Dependencies — installiere sie nur, wenn du diese Views nutzt:

Terminal-Fenster
npm install @codemirror/state @codemirror/view @codemirror/lang-javascript

Sie werden verzögert geladen (lazy): Ein Projekt, das nie einen Code-Editor einbindet, zahlt auch nicht dafür.

  • Ein bundler-basiertes Setup (Vite oder alles, was modernes ESM auflöst). Die Bibliothek liefert ES-Module plus TypeScript-Deklarationen.
  • TypeScript wird empfohlen — die öffentliche API ist vollständig typisiert — ist aber nicht erforderlich.

Weiter zum Schnellstart.