VS code を使用時に、コード補完（intellisense??）が出てこなくなった問題を解決したいです。

#状況

・今までは→例えばdivと打っただけで、エンターを押すだけで<div></div>が出てきてdivタグの中にカーソルが置かれており、そのまま記述ができる便利な環境でしたが、現在そのコード補完が出てきません・・・
・複数の拡張機能を入れています（下記に画像を添付します）

#状況追記

結論、Railsの環境下でemmetが機能していない状況です。

1
rails上ではdivと打ってもは反応しません。（abcと出ていますが、エンターを押してもdivがそのまま表示されままです）

2
html上ではemmetが動いています。

エンターを押すと、<div></div>のタグが出てきます。

#試したこと
・設定がおかしいのでは？っと思い、emmetの設定やintellisenseの設定をオンにしたりしました・・・

#現在入れている拡張機能

#設定画面

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

ご指摘ありがとうございます。Prettier - Code formatterについてはバージョンの古い方をアンインストールいたしました。
コンフィグレーションについては②のデータで合っていますでしょうか？
間違ってましたら申し訳ございません・・・・

emmetの設定についても画像ファイルを念の為追加いたしました。

①VScodeバージョン

②settings.jsonについて

{
    "files.autoSave": "onFocusChange",
    "editor.tabSize": 2,
    "editor.fontSize": 6,
    "window.zoomLevel": 0,
    "editor.renderWhitespace": "all",
    "editor.mouseWheelZoom": true,
    "editor.minimap.enabled": false,
    "editor.renderControlCharacters": false,
    "editor.tabCompletion": "on",
    "editor.snippetSuggestions": "top",
    "ruby.intellisense": "rubyLocate",
    "emmet.triggerExpansionOnTab": true,
    "emmet.showSuggestionsAsSnippets": true
}

③その他emmetの設定について

知識不足過ぎて恥ずかしいのですが・・・・もしお詳しい方いらっしゃいましたら教えていただけますと幸いです。
また、情報不足等ございましたらご指摘いただけますと幸いです。

rubytomato

2020/02/11 13:10

スクリーンショットを見るとPrettier - Code formatterが2つインストールされているように見えるのですが、2つインストールされているのはなぜでしょうか？とくに必要でないのであればどちらか（古い方?）をアンインストールしてみてはどうでしょうか？それとVSCodeのバージョンとコンフィグレーションはemmetで検索した結果のスクリーンショットを質問内容に追記して頂ければと思います。

pontarou3

2020/02/11 16:38

@rubytomato さんコメントありがとうございます。たしかに・・・・Prettier - Code formatterは２つもいらないですね。アドバイスいただきありがとうございます、古い方をアンインストールいたしました。また、VSCodeのバージョンとコンフィグレーションについても追記いたしました。お手数おかけいたします。

rubytomato

2020/02/12 10:32

ご確認ありがとうございます。 emmetのコンフィグレーションですが特に無効にしているような設定はないようです。私の環境の設定と見比べてみましたがほぼ同じ設定で、且つemmetが有効になっています。 VSCodeのバージョンも現時点で最新のようですし、原因が何かよくわかりません。何点か追加でご確認頂きたいのですが、emmetが効かないというファイルの拡張子は何でしょうか? もし素のhtmlファイルでなければ、確認用にhtmlファイルを作成して頂きemmetが効くか試してください。それと、emmetが有効なとき、サジェストのようなものが表示されていたと思います。こちらのページの1枚目の画像にある"Emmet Abbreviation"というツールチップです。 https://technical-creator.com/vscode-emmet/ たとえば、divと入力して暫く待っても、このツールチップは表示されないでしょうか？

pontarou3

2020/02/12 10:49 編集

丁寧に解説いただきありがとうございます。状況追記に記載いたしました。 >emmetが効かないというファイルの拡張子は何でしょうか? 　→html.erbです。 >たとえば、divと入力して暫く待っても、このツールチップは表示されないでしょうか？　→ご確認ありがとうございます、erbの場合は画像の通り表示されず、htmlの場合は表示されています。

rubytomato

2020/02/12 10:52

htmlファイルではemmetが効いているのであれば、こちらの記事を参考にerbファイルをemmetの対象にしてみてください。 https://qiita.com/Mr_ozin/items/d7fb30ed56347f6d222e

pontarou3

2020/02/13 09:19

ありがとうございます！あのあと、試行錯誤してみたところ、なぜか解決しました。 rubyとhtml関連のsnippetsを何個かインストールしたところ表示されるようになりました！また、emmet記法についてもありがとうございます。爆速で記述できそうです！ありがとうございました。