More than 3 years have passed since last update.

VScodeでvue.jsのハイライトをしたい

Posted at 2020-10-04

#VScodeでVScodeでvue.jsのハイライトをしたい

初心者プログラマーによる備忘録的な感じなので読ませるための記事ではないです。
あとQiitaの記事投稿の練習として書いてます。

今回はVisualStudioCode(以下vsc)でvue.jsを書こうとしたら拡張機能を入れないとハイライト（色付け）されないことを知ったので導入しました。それを紹介します。
ですがまずは日本語化からやります。

##Japanese Language Pack for Visual Studio Code
これはvscの表示を日本語化してくれる拡張機能です。

##Vetur

これが今回の目玉であるVeturです。
これがないとシンタックスハイライトや、HTMLやJSなど文脈に合わせたコード補間などが効かないので黙って入れることになります。

なんかいろいろできるらしいですがまだ入れたばかりなのでこれから試していきたいと思います。今回は紹介までで。

公式ドキュメント(英語のみ)

##今回はここまで
短いですがここまでで、またいろいろ試してみたら書いていこうと思います。