VScode: 独自の syntax highlighter 拡張機能を作る - 物理の駅 Physics station by 現役研究者

シンタックス(構文) ハイライター用の拡張機能(Extension)を作る。拡張機能として公開することは目指さない。

インストールしていない場合は以下をインストールする。

VS Code のインストール https://code.visualstudio.com/Download
node のインストール https://nodejs.org/en/
Gitのインストール https://git-scm.com/downloads

VS Codeの雛形インストール

npm install -g yo generator-code
yo code

色々聞かれる。今回はLISE++ファイル(*.lpp)を読む拡張機能を作るので以下の設定とした。

 New Language Support を選ぶ
URL or file to import, or none for new: → `Enter`
What's the name of your extension? → `LISE-Reader`
What's the identifier of your extension? → `Enter`
What's the description of your extension? → `Enter`
 Language id: → `lise`
Language name: →`LISE`
File extensions: → `.lpp`
Scope names: → `lise-file.lpp`
Initialize a git repository? → Y
Open with code を選択

lise.tmLanguage.json を見ると

{
    "$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
    "name": "LISE",
    "patterns": [
        {
            "include": "#keywords"
        },
        {
            "include": "#strings"
        }
    ],
    "repository": {
        "keywords": {
            "patterns": [{
                "name": "keyword.control.lise",
                "match": "\\b(if|while|for|return)\\b"
            }]
        },
        "strings": {
            "name": "string.quoted.double.lise",
            "begin": "\"",
            "end": "\"",
            "patterns": [
                {
                    "name": "constant.character.escape.lise",
                    "match": "\\\\."
                }
            ]
        }
    },
    "scopeName": "lise-file.lpp"
}