VisualStudioCode 1.2。1バージョンを使用しています。 EmmetはVSC Webサイトに従って組み込まれています。しかし、VSC IDEでアンカータグを使用し、クラスのドロップダウンを切り替えると、vscによってクラスが自動的に提案または認識されません。
Vscodeユーザー設定で、追加します
"emmet.includeLanguages":{"javascript": "html"}
そうすれば、jsファイルでemmmetを使用できます。
対コードのユーザー設定でこれらを追加
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html",
"razor": "html",
"plaintext": "jade"
}
aspnetcorerazorおよびrazor言語を選択して、以下のコードをsetting.json
ファイルに追加します。
"emmet.includeLanguages": { "aspnetcorerazor" : "html", "razor" : "html" }
この拡張が必要になります: html-class-completion 。その機能は、拡張機能なしでvscodeに組み込まれているではありません。次に、これをユーザー設定に追加する必要があります。
"html-css-class-completion.enableEmmetSupport": true,
そしてそれは非常にうまく機能します。
Emmetはデフォルトではjsファイルでは機能しません。その問題を解決するには、vscodeの設定でemmetの省略形を有効にする必要があります。まず、任意のディレクトリからsettings.jsonを開きます。
vim ~/.config/Code/User/settings.json
具体的には、Windowsで、[ファイル]> [設定]> [設定]> [起動]と入力し、[settings.jsonで編集]をクリックする必要があります。
Jsファイルでemmetを使用するようにsettings.jsonで宣言する必要があります(コードをコピーしてコード設定ファイルに貼り付けるだけですhighligted)
{
/*here are your existing settings*/
/*THE CODE BELOW*/
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html",
"razor": "html",
"plaintext": "jade"
}
/*^^^^THE CODE ABOVE^^^^*/
}
保存してください。 vscodeを再起動する必要はありません。
詳細については、vscode公式ウェブサイトの その投稿 を参照してください。
上記すべてを試してみましたが、うまくいきませんでした。
here からVScodeを再インストールして更新しました。すべてが今は魅力のように動作します。
emmet.includeLanguages
に関する他の投稿に追加したいのですが、"vue": "html"
を追加することもできます。
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html",
"javascript": "html"
}