【Node.js】ejsファイルのvim syntaxに色をつけたい【一番簡単な方法】

久々にnode.jsで何かしらつくろうと思った。
localに自前のAPIを立てて、それを叩いて表示しようとした段階で、ejsを使っていたのだが、vimで開くと色がつかない。

こんなejsファイルをつくっていた。

index.ejs

<html>
<body>
    <h1>New Project</h1>
    <script>
    var xhr = new XMLHttpRequest();
    xhr.open("GET","/api/photo/list");
    xhr.addEventListener("load", function(e){
        var photoList = JSON.parse(xhr.responseText);
        console.log(photoList);
    });
    xhr.send();
    </script>
</body>
</html>

$vim index.js

みため

ejs_no_hiligjht

工エエェェ(´д`)ェェエエ工

いいvim拡張がないか、ちょろっと調べた。
そんなことしなくてもいいことがわかった。

index.ejsの先頭に

<!doctype html>

を加える。

再び

$vim index.ejs

ejs_hilighted

ひゃっほう(^o^)

でもこれは諸刃の刃らしい。

インクルードファイルを含む場合は以下を参照すべし。
Vimでejsファイルを開いてもシンタックスハイライトされたい ―Qiita

とりあえずincludeファイルは作らないつもりなので今回はこのままでよしとする。

【参考】
vimでejs編集時にsyntax色つけたい【vim】【ejs】【html】 ―DRYな備忘録

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です