frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

【Visual Studio Code】vue拡張子を補完させる方法

スポンサードリンク


スポンサードリンク


Visual Studio Codeではある程度拡張子に対応しているため自動でカラーテーマに対応するようになっていますが、.vue拡張子などは初期設定では未設定になっているため、白文字一色になるかと思います。

そのため、.vueも補完させるよう設定していきましょう。

やり方は簡単で.vueのファイルを開きます。
そして右下のPlain Textをクリックし、configuration file associations for ...をクリック。

f:id:funclur:20190213172912p:plain

.vueはhtmlと同じにするのが普通なのでhtmlを選びます。

無事.vueファイルにカラーが付きました。

f:id:funclur:20190213172915p:plain