teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

ソースコードを簡潔にしました

2021/06/23 11:43

投稿

arifumi
arifumi

スコア0

title CHANGED
File without changes
body CHANGED
@@ -10,25 +10,26 @@
10
10
  この状態からクラス名を入力してもクラス名一覧が表示されません。
11
11
  ・ダブルクォートを一旦削除し、改めてダブルクォートを入力するとクラス名一覧が表示されます
12
12
  ・何も入力せず、半角スペースを入力するとクラス名一覧が表示されます
13
+ ・Escキーでクラス名一覧が表示されるようになります。
13
14
 
14
15
  ### 該当のソースコード
15
16
 
16
17
  ```hmtl
17
- //デフォルトの状態
18
+ <em>サンプテキス</em> //ここから
19
+
20
+ <em class>サンプルテキスト</em> //classまで入力してEnter
21
+
18
- <em class="">サンプルテキスト</em>
22
+ <em class="">サンプルテキスト</em> //ダブルクォートまで入力補完されます
19
-
20
- //.hoge-fontというクラス名を呼び出したい…
21
-
22
- //このまま入力するとクラス名一覧表示されず
23
+
23
- <em class="hoge">サンプルテキスト</em>
24
+ <em class="|">サンプルテキスト</em> //この時、カーソルはダブルクォートの中にあって「白く」囲まれています(|をカーソルに見立てています)
24
-
25
- //ダブルクォートを一旦削除してから入力し直すとクラス名一覧が表示される
25
+
26
- <em class="ho">サンプルテキスト</em>
26
+ <em class="|">サンプルテキスト</em> //ここからEscキーを押すと「白」が解除され、クラス名補完ができるようになります
27
-
28
- //半角スペース入力でクラス名一覧表示される
29
- <em class=" hoge">サンプルテキスト</em>
30
27
  ```
31
28
 
32
- ### 試したこと
29
+ ### 追記
30
+ この「白」は何の表示なのか?
31
+ Escキーを押せば「白」は解除されるが、何のショートカットキーが働いて何が解除されているのか?
32
+ ※自分のVScodeの配色テーマが黒なので「白」に見えているだけで別色かもしれませんが
33
33
 
34
- 検索してみましたが、該当しそうなエラが確認できず、どこのサイトも最初から実現できているようでした。
34
+ 毎回Escキを押さねばならず、できればそのままクラス名補完がしたいのです
35
+ あまりに初歩的な質問過ぎるのか、未だに解決策が見つかっておりません。