download do shikitor - download do código -fonte shikitor

shikitor

Outros recursos

1.0.0

Baixar

Shikitor (四季多)

Descrição

Um editor de código simples e leve para a Web.

| en-us | 中文 |

Como usar

CDN

Para muitos usuários que desejam experimentar a ferramenta, a CDN é uma boa escolha. Você pode introduzir diretamente essa ferramenta em seu projeto e começar a usá -lo. Você pode ter diferentes hábitos de uso. Aqui, forneço vários métodos simples para introduzir esta ferramenta. Abaixo estão alguns links de exemplo simples, você pode clicar para visualizar os arquivos correspondentes.

Esm
O ESM é uma boa escolha, permite que você use a sintaxe de importação para introduzir essa ferramenta no projeto. Este também é o método de exportação padrão do Shiki, que é relativamente conveniente de usar.
esm + plugins
A fusão das funções sempre foi uma parte muito importante da minha filosofia de design de código. Aqui você pode ver como introduzir plugins de expansão de funções.
umd
Se você não quiser usar o ESM, a UMD pode ser uma boa escolha. Ele permite que você use a tag de script para introduzir esta ferramenta no projeto. (Mas, de fato, para Shiki, pode não ser um bom exemplo, preciso de algum tempo para fazer melhor refletir as vantagens do UMD)

Node.js

Para alguns usuários que desejam usar essa ferramenta no processo de compilação, pode ser uma opção melhor instalar dependências através do gerenciamento de pacotes e, em seguida, introduzir essa ferramenta no código.

Instalar dependências

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

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