web-dev-qa-db-ja.com

Visual Studio Code Emmetが機能しない

VisualStudioCode 1.2。1バージョンを使用しています。 EmmetはVSC Webサイトに従って組み込まれています。しかし、VSC IDEでアンカータグを使用し、クラスのドロップダウンを切り替えると、vscによってクラスが自動的に提案または認識されません。

8
Karan

Vscodeユーザー設定で、追加します

"emmet.includeLanguages":{"javascript": "html"}

そうすれば、jsファイルでemmmetを使用できます。

24
Tien Lin

対コードのユーザー設定でこれらを追加

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "razor": "html",
    "plaintext": "jade"
}

aspnetcorerazorおよびrazor言語を選択して、以下のコードをsetting.jsonファイルに追加します。

"emmet.includeLanguages": { "aspnetcorerazor" : "html", "razor" : "html" }
0
Muhammad Amir

この拡張が必要になります: html-class-completion 。その機能は、拡張機能なしでvscodeに組み込まれているではありません。次に、これをユーザー設定に追加する必要があります。

"html-css-class-completion.enableEmmetSupport": true,

そしてそれは非常にうまく機能します。

0
Mark

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公式ウェブサイトの その投稿 を参照してください。

0
Danrley Willyan

上記すべてを試してみましたが、うまくいきませんでした。

here からVScodeを再インストールして更新しました。すべてが今は魅力のように動作します。

0
Kshitij Dhyani

emmet.includeLanguagesに関する他の投稿に追加したいのですが、"vue": "html"を追加することもできます。

"emmet.includeLanguages": { 
        "vue-html": "html",
        "vue": "html",
        "javascript": "html"
    }
0
Zoltán Matók