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

質問編集履歴

2

rails上とhtml上とのemmetの動作の違いを追記

2020/02/12 10:43

投稿

pontarou3
pontarou3

スコア18

title CHANGED
File without changes
body CHANGED
@@ -4,6 +4,19 @@
4
4
  ・今までは→例えばdivと打っただけで、エンターを押すだけで<div></div>が出てきてdivタグの中にカーソルが置かれており、そのまま記述ができる便利な環境でしたが、現在そのコード補完が出てきません・・・
5
5
  ・複数の拡張機能を入れています(下記に画像を添付します)
6
6
 
7
+ #状況追記
8
+
9
+ 結論、Railsの環境下でemmetが機能していない状況です。
10
+
11
+ 1
12
+ rails上ではdivと打ってもは反応しません。(abcと出ていますが、エンターを押してもdivがそのまま表示されままです)
13
+ ![イメージ説明](e4f4c8c720655399bee558a91c33abb6.png)
14
+
15
+ 2
16
+ html上ではemmetが動いています。
17
+ ![イメージ説明](68e34324b9e5b134519b6f3155e0e729.png)
18
+ エンターを押すと、<div></div>のタグが出てきます。
19
+
7
20
  #試したこと
8
21
  ・設定がおかしいのでは?っと思い、emmetの設定やintellisenseの設定をオンにしたりしました・・・
9
22
 

1

vscodeのバージョンとconfigurationsについて追記いたしました

2020/02/12 10:43

投稿

pontarou3
pontarou3

スコア18

title CHANGED
File without changes
body CHANGED
@@ -16,5 +16,41 @@
16
16
  ![イメージ説明](f76412998858fb6a99e2680814acb039.png)
17
17
  ![イメージ説明](6b2c2cd2b702145b9a608974b274b60d.png)
18
18
 
19
+
20
+ #vscodeのバージョンとconfigurationsについて追記いたしました
21
+
22
+ ご指摘ありがとうございます。Prettier - Code formatterについてはバージョンの古い方をアンインストールいたしました。
23
+ コンフィグレーションについては②のデータで合っていますでしょうか?
24
+ 間違ってましたら申し訳ございません・・・・
25
+
26
+ emmetの設定についても画像ファイルを念の為追加いたしました。
27
+
28
+ ①VScodeバージョン
29
+ ![イメージ説明](a121105eaf82fcaf7f908e6afca74339.png)
30
+
31
+ ②settings.jsonについて
32
+ ```
33
+ {
34
+ "files.autoSave": "onFocusChange",
35
+ "editor.tabSize": 2,
36
+ "editor.fontSize": 6,
37
+ "window.zoomLevel": 0,
38
+ "editor.renderWhitespace": "all",
39
+ "editor.mouseWheelZoom": true,
40
+ "editor.minimap.enabled": false,
41
+ "editor.renderControlCharacters": false,
42
+ "editor.tabCompletion": "on",
43
+ "editor.snippetSuggestions": "top",
44
+ "ruby.intellisense": "rubyLocate",
45
+ "emmet.triggerExpansionOnTab": true,
46
+ "emmet.showSuggestionsAsSnippets": true
47
+ }
48
+ ```
49
+ ③その他emmetの設定について
50
+ ![イメージ説明](0bb780914567ef5d00c25ef930e23ebc.png)
51
+ ![イメージ説明](ec6f1d8b3967b0ff3e0d700b23cb952a.png)
52
+
53
+
54
+
19
55
  知識不足過ぎて恥ずかしいのですが・・・・もしお詳しい方いらっしゃいましたら教えていただけますと幸いです。
20
56
  また、情報不足等ございましたらご指摘いただけますと幸いです。