vscodeでindex.ejs上のコードを書くときに予測変換を出したい settings.json

Question

下記画像index.html上のように index.ejs上でも
divと入力すると予測変換が出て、 →　 <div></div>　となるようにしたい。

index.html上でdivと打ち、予測変換すると　<div></div> に勝手に変換されるのですが、

index.ejs上でdivと打っても何も変換されません。

---

試したこと

setting.jsonにて下記を設定しましたがダメでした。

考えられる原因何かありますでしょうか？

Comments

[Crimson_Tide]

候補は出るのでしょうか？それともdivと入力しても候補が出ない状態でしょうか。
下部右側のステータスバーの 文字コード、改行コード、の右側に表示されているlanguage modeはHTMLになっているでしょうか。

(何かしら設定が残っているかもしれませんが)拡張機能を無効にして、settings.jsonを初期化した状態のVSCodeでは拡張子.ejsでdiv と入力すると候補が出てtabで<div><div>に変換できました。

settings.jsonを別名に変更し、
コマンドプロンプトかMacだとターミナルでソースの置いてあるディレクトリに移動。
code . --sync off --disable-extensions
で設定なし同期なし拡張機能を無効な状態でVSCodeが起動できるので、その状態で.ejsファイルでintellisenseが効くか確認してみてください。

また、ログインしていない拡張機能なしのhttps://vscode.dev/でも、同様に変換できたので、デフォルトでできるように感じます。

settings.jsonで抑止されているか、拡張機能が原因かもしれません。
settings.jsonを質問欄に追加してもらえませんか。

[maring]

下部右側のステータスバーの 文字コード、改行コード、の右側に表示されているlanguage modeがHTMLになっていなかったの原因でした。ありがとうございます。

Answer 1

そもそものVSCodeの拡張機能自体はインストールしていますでしょうか？

VSCode上で「ejs」と検索すると出てくる拡張機能をインストールしてみてください。

インストール後、一応VSCodeを立ち上げなおすこともお勧めします。

Comments

[maring]

インストールもされており、再起動をすると　d →　div への変換はできたのですが、　d → <div></div>への予測変換にはやはりなりませんでした。

[yosse95ai]

setting.jsonで
「VSCodeのejsファイルでHTMLのエメットを使用したい」
という設定をされていると思うので
「.」(ドット)を入力して予測変換にdivはでてきませんか？
エメットですとドットでdivを展開すると思うのですが…
. → <div></div>

HTMLでは正しく補完される件については、エメットではなく、HTMLファイルに対するタグ補完機能が効いているからだと思います。

エメットとタグ補完は似て非なるものだと思うので、エメットの使い方はこの記事を参考にされると良いかと思います。
https://b-risk.jp/blog/2021/06/emmet/

[maring]

.　からの変換はできませんでした。　
エメットの使い方参考にさせていただきます、ありがとうございます。