Téléchargement de shikitor - Téléchargement du code source shikitor

shikitor

Autres ressources

1.0.0

Télécharger

Shikitor (四季多)

Description

Un éditeur de code simple et léger pour le Web.

| en-us | 中文 |

Comment utiliser

Monnaie

Pour de nombreux utilisateurs qui souhaitent vivre l'outil, CDN est un bon choix. Vous pouvez introduire directement cet outil dans votre projet et commencer à l'utiliser. Vous pouvez avoir différentes habitudes d'utilisation. Ici, je vous fournis plusieurs méthodes simples pour introduire cet outil. Vous trouverez ci-dessous quelques exemples simples, vous pouvez cliquer pour afficher les fichiers correspondants.

ESM
ESM est un bon choix, il vous permet d'utiliser la syntaxe d'importation pour introduire cet outil dans le projet. Il s'agit également de la méthode d'exportation par défaut de Shiki, qui est relativement pratique à utiliser.
Plugins ESM +
La pointe de fonction des fonctions a toujours été une partie très importante de ma philosophie de conception de code. Ici, vous pouvez voir comment introduire les plugins d'extension des fonctions.
umd
Si vous ne voulez pas utiliser ESM, alors UMD pourrait être un bon choix. Il vous permet d'utiliser la balise de script pour introduire cet outil dans le projet. (Mais en fait, pour Shiki, ce n'est peut-être pas un bon exemple, j'ai besoin de temps pour le rendre mieux refléter les avantages de l'UMD)

Node.js

Pour certains utilisateurs qui souhaitent utiliser cet outil dans le processus de compilation, il peut être un meilleur choix d'installer des dépendances via la gestion des packages, puis introduire cet outil dans le code.

Installer des dépendances

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

Introduire dans le code

 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'
} )