# Visual Studio CodeでMovable TypeのMTMLファイルを開く拡張機能「Movable Type Markup Language Syntax」

URL: https://webrandum.net/vscode-plugin-mtml/
公開日: 2022-10-14
更新日: 2022-10-14
カテゴリー: コーディング
タグ: Visual Studio Code, Visual Studio Codeプラグイン
出典: Webrandum（著者: サイトウ マサカズ）

最近Movable Typeの`.mtml`拡張子のMTMLファイルを開くことがありました。

MTMLはMovable Type Markup Languageの略で、基本的にはHTMLと同じなのですが、`mt`から始まるMovable Type独自のタグが使えるファイル形式です。

たとえば記事のタイトルを表示したい場合は`<$mt:EntryTitle$>`タグを使用すると、その場所にタイトルが出力されます。

そんなMTMLファイルですが、デフォルトのVisual Studio Codeではシンタックスハイライトが当たりません。

Visual Studio Codeの拡張機能をインストールすることで表示されるようになります。

## Movable Type Markup Language Syntax

[![](https://www.google.com/s2/favicons?domain=marketplace.visualstudio.com)marketplace.visualstudio.com![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/954264546c606ecda0e2b45def321a3da1540715918b2391442355727f54365f.webp)Movable Type Markup Language Syntax - Visual&#0...https://marketplace.visualstudio.com/items?itemName=yupyom.mtmlExtension for Visual Studio Code - Provides MTML (Movable Type Markup Language) syntax highlight for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=yupyom.mtml)

「Movable Type Markup Language Syntax」というそのままの名前ですが、インストールすることでシンタックスハイライトが当たります。

デフォルトだと下記のように特にスタイルは当たっていなくて、プレーンテキストと変わらない状態です。

![MTML導入前](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_1-7.png)

プラグインをインストールすることで下記のように表示されます。

![MTML導入後](https://webrandum.net/mskz/wp-content/uploads/2022/10/image_2-6.png)