1. kubotak

    Posted

    kubotak
Changes in title
+Veturを入れてるのにコード補完が効かない
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,23 @@
+〜ときは設定を見直そう!
+
+### vlsを導入
+Vue Language Serverを入れましょう
+
+```zsh
+npm i -g vls
+```
+
+### Extensionsの設定
+
+Visual Studio CodeのExtensionsからVeturの設定を開く
+<img width="452" alt="スクリーンショット 2020-03-10 12.02.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/89213/3558b581-4dac-b39a-0651-e029c388c420.png">
+
+導入したvlsのパスを設定
+<img width="830" alt="スクリーンショット 2020-03-10 12.05.29.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/89213/1810ff4a-b31f-db8a-a4ea-8cea98959ded.png">
+
+テンプレート補完にチェックを入れる
+<img width="639" alt="スクリーンショット 2020-03-10 12.06.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/89213/63690e52-8cb5-1e61-cc81-c910717da584.png">
+
+これで`<template>`内部の変数やコンポーネントでコードジャンプ補完が効くはず!
+SFCに色がついただけで満足している方は要チェック!
+ちなみに読み方はビーターらしい