🖋️

JavaScript + Vite + Vue で highlight.js を使う

2024/05/15に公開

ちょっと手間取ったのでメモ。npm で管理するとする。npm が必要。node に付いて来る。macOS なら

brew install node

などとなる。次に

npm create vite@latest my-project
# なにでプロジェクトを作るか聞かれるので、答える:
# フレームワークは Vue を
# バリアントは JavaScript を選択する。
cd my-project
npm install highlight.js
npm install @highlightjs/vue-plugin

あとは、highlight.jshighlight.js の vue-plugin の公式サイトで言っていることを見て編集して

npm run dev

で良し。

Discussion