shikitor Download - shikitor Quellcode Download

shikitor

Andere Ressourcen

1.0.0

Herunterladen

Shikitor (四季多)

Beschreibung

Ein einfacher und leichter Code -Editor für das Web.

| en-us | 中文 |

Wie man benutzt

CDN

Für viele Benutzer, die das Tool erleben möchten, ist CDN eine gute Wahl. Sie können dieses Tool direkt in Ihr Projekt einführen und es verwenden. Möglicherweise haben Sie unterschiedliche Verwendungsgewohnheiten. Hier stelle ich Ihnen mehrere einfache Methoden zur Einführung dieses Tools. Im Folgenden finden Sie einige einfache Beispiel -Links. Sie können klicken, um die entsprechenden Dateien anzuzeigen.

ESM
ESM ist eine gute Wahl. Sie können die Importsyntax verwenden, um dieses Tool in das Projekt einzuführen. Dies ist auch die Standard -Exportmethode von Shiki, die relativ bequem zu verwenden ist.
ESM + Plugins
Die Steckbarkeit von Funktionen war schon immer ein sehr wichtiger Bestandteil meiner Code -Design -Philosophie. Hier sehen Sie, wie Sie Funktionen Expansion -Plugins einführen.
Umd
Wenn Sie ESM nicht verwenden möchten, ist UMD möglicherweise eine gute Wahl. Sie können das Skript -Tag verwenden, um dieses Tool in das Projekt einzuführen. (Aber für Shiki ist es vielleicht kein gutes Beispiel, ich brauche etwas Zeit, um die Vorteile von UMD besser widerzuspiegeln)

Node.js

Für einige Benutzer, die dieses Tool im Kompilierungsprozess verwenden möchten, ist es möglicherweise eine bessere Wahl, Abhängigkeiten über die Paketverwaltung zu installieren und dieses Tool dann in den Code einzuführen.

Abhängigkeiten installieren

npm install @shikitor/core
# If you are using yarn
yarn add @shikitor/core

In den Code einführen

 import '@shikitor/core/index.css'

import { create } from '@shikitor/core'

const shikitor = create ( document . getElementById ( 'editor' ) , {
  value : 'console.log("Hello, Shikitor!")' ,
  language : 'javascript' ,
  theme : 'github-light'
} )