要約
- IDE: Visual Studio Code (VSCode)
- JSフレームワーク: Astro
- スターターキット: Starlight & Starlight Blog
- Q
- VSCode上でのMDXファイルのシンタックスハイライトが正常に動いていません。どうすればいいですか？
- A
- VSCodeの拡張機能の「YAML」が有効にしてみてはどうでしょうか。
課題
VSCodeでAstro Starlight製のサイトをつくっていた。
ある日、MDXファイルをVSCode上で開いてみると、
なんかシンタックスハイライトが正常に機能していない。
つまり、こうなっていた。
見た感じ、Frontmatter部分の閉じが正常に認識されていないっぽい。
それで、その後の文章の大部分が真っ赤になっている。（まあ色合いはシンタックスハイライトの種類に依存するけど）
これは見づらい。
というか、なんで急にこうなった？
調査
適当に調べていて、解決方法がわかっただけなので、調査過程はぶっ飛ばします。
解決方法
VSCodeの拡張機能「YAML」を入れたら直りました。
まあ、そりゃFrontmatterはYAMLだもんね。
おわりに
昨日までは普通に動いていた気がするんだけどなあと思いながらも、まあ直ったので問題なしです。
以上、ひとまずメモと、同じ状況に陥った人の役に万が一でも立てばということで記事にしました。