【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な備忘録

コメントを残す

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