Descargar shikitor - Descargar el código fuente de shikitor

shikitor

Otros recursos

1.0.0

Descargar

Shikitor (四季多)

Descripción

Un editor de código simple y liviano para la web.

| en-us | 中文 |

Cómo usar

CDN

Para muchos usuarios que desean experimentar la herramienta, CDN es una buena opción. Puede introducir directamente esta herramienta en su proyecto y comenzar a usarla. Es posible que tenga diferentes hábitos de uso. Aquí le proporciono varios métodos simples para introducir esta herramienta. A continuación se presentan algunos enlaces de ejemplo simples, puede hacer clic para ver los archivos correspondientes.

ESM
ESM es una buena opción, le permite usar la sintaxis de importación para introducir esta herramienta en el proyecto. Este es también el método de exportación predeterminado de shiki, que es relativamente conveniente de usar.
ESM + complementos
La confianza de las funciones siempre ha sido una parte muy importante de mi filosofía de diseño de código. Aquí puede ver cómo introducir complementos de expansión de funciones.
umd
Si no desea usar ESM, entonces UMD podría ser una buena opción. Le permite usar la etiqueta de script para introducir esta herramienta en el proyecto. (Pero de hecho, para Shiki, puede que no sea un buen ejemplo, necesito algo de tiempo para que refleje mejor las ventajas de UMD)

Nodo.js

Para algunos usuarios que desean usar esta herramienta en el proceso de compilación, puede ser una mejor opción instalar dependencias a través de la administración de paquetes y luego introducir esta herramienta en el código.

Instalar dependencias

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

Introducir en el código

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