[](https://npm.im/codemirror-shiki) [](https://npm.im/codemirror-shiki)
npm install codemirror-shiki 
``bash`
npm i codemirror-shiki
Install shiki, @shikijs/langs and @shikijs/themes
`ts
import { createHighlighterCore } from 'shiki/core'
import { createOnigurumaEngine } from 'shiki/engine/oniguruma'
import shiki from 'codemirror-shiki'
// See https://shiki.style/guide/bundles
const highlighter = createHighlighterCore({
langs: [
import('@shikijs/langs/javascript')
],
themes: [
import('@shikijs/themes/one-dark-pro')
],
engine: createOnigurumaEngine(import('shiki/wasm')),
})
EditorState.create({
doc: '',
extensions: [
// pass highlighter to codemirror-shiki
shiki({
highlighter,
language: 'javascript',
theme: 'one-dark-pro',
}),
],
})
``
MIT © fengzilong