Скачать shikitor - Скачать исходный код shikitor

shikitor

Другие ресурсы

1.0.0

Скачать

Шикитор (四季多)

Описание

Простой и легкий редактор кода для Интернета.

| En-US | 中文 |

Как использовать

CDN

Для многих пользователей, которые хотят испытать инструмент, CDN - хороший выбор. Вы можете напрямую ввести этот инструмент в свой проект и начать его использовать. У вас могут быть разные привычки использования. Здесь я предоставляю вам несколько простых методов для представления этого инструмента. Ниже приведены несколько простых примеров ссылок, вы можете нажать, чтобы просмотреть соответствующие файлы.

эсм
ESM - хороший выбор, он позволяет вам использовать синтаксис импорта для введения этого инструмента в проекте. Это также метод экспорта по умолчанию Shiki, который относительно удобен в использовании.
плагины ESM +
Взимаемость функций всегда была очень важной частью моей философии дизайна кода. Здесь вы можете увидеть, как представить плагины расширения функции.
герметичный
Если вы не хотите использовать ESM, то UMD может быть хорошим выбором. Он позволяет использовать тег сценария для представления этого инструмента в проекте. (Но на самом деле, для Шики, это может быть не хорошим примером, мне нужно время, чтобы сделать его лучше, отразить преимущества UMD)

Node.js

Для некоторых пользователей, которые хотят использовать этот инструмент в процессе компиляции, может быть лучшим выбором для установки зависимостей с помощью управления пакетами, а затем ввести этот инструмент в коде.

Установить зависимости

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

Ввести в код

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