web-dev-qa-db-ja.com

HTMLファイルのVisual Studioコードコメント

最近Visual Studio Codeを試していますが、HTMLファイルに行コメントを追加しようとすると(Ctrl + /またはCtrl + K Ctrl + Cを使用して)これの代わりに<!-- -->、これを取得します{# #}

JSまたはCSSファイルでは、キーバインディングは正常に機能し、期待される結果を生成します。

では、HTMLファイルで適切なタイプのコメントを取得するにはどうすればよいですか?

11
Makis K.

最後に私は問題が何であったかを見つけました。 twigプラグイン(Twig phpテンプレートエンジン用))をインストールしたため、コメントの問題が発生していました。

19
Makis K.

VSCode 1.1.1をインストールし、新しいhtmlファイルにコメントを挿入しようとしています。これを行うには、まず新しいファイルを.html形式で保存し、その後CTRL-K CTRL-Cを使用する必要があります。コメントを入れて、それは動作します。

お役に立てば幸い

5
user3679671

プラグインを無効化/アンインストールしたくない場合は、コメントを追加するスニペットを作成できます。たとえば、PHPファイルにHTMLコメントを追加するスニペットを作成します。

    "comment HTML": {
      "prefix": "chtml",
      "body": ["<!-- $1 -->"],
      "description": "Comment HTML line"
    }

これは、[ファイル]> [設定]> [ユーザースニペット]> {YourExtension}のコメントの直後に挿入できます。

次に、そのようなファイルに「chtml」と入力し始めると、IntelliSenseはそのスニペットを要求します。

多分これは回避策ですが、私にとってはうまくいきます。それが役に立てば幸い!

https://code.visualstudio.com/docs/customization/userdefinedsnippets

3
Lucas Viñals

(Ctrl + K C)をクリックして、htmlにコメントします。 (Ctrl + K U)をクリックして、htmlのコメントを解除します。

2
Mohammed Osman

私にとって、それは(Djaneiro)拡張子であり、htmlファイルをデフォルトでDjangoテンプレートにしたため、HTMLでコメントが間違っていました(Ctrl + /を押したとき)(コメント化) {%コメント%}付き)

2
Ahmed Elkoussy

Visual Studio Codeウィンドウで、File-> Preferences-> Keyboard Shortcutに移動します

これにより、下のスクリーンショットのように、2つのファイルが並べて開かれます。

enter image description here

ここで、独自のショートカットを変更または作成できます。 Ctrl + KUCtrl + /に置き換えたように

これがあなたのために働くことを願っています!!

2

問題を抱えている他の人にとっては、トルネード拡張機能も原因です。それを見つけるには、1つずつ「ワークスペースを無効にする」必要がありました。

1
Todd V.

私にとって、問題の拡張子はNunjucksでした(テンプレート言語プラグインは、すべての.htmlファイルがnunjucks htmlテンプレートであると想定しています)

1
Pawn

インストールしたpython拡張パックをアンインストールしてみてください!その後、必要なpython拡張機能を個別に再インストールできます。

可能性は、その拡張パックのバンドルの拡張機能の1つが問題の原因です

0

Visual Studio CodeMacで実行している場合。次に、最初にCmd + kCmd + cその直後。

enter image description here

0

私にとって、これはSublime Babel拡張機能が原因でした。これを無効にしてVSコードを再起動すると、問題が修正されました。トグルの_Cmd+K, Cmd+C_と同様に、_Cmd+/_が再び機能します。また、HTMLコメントブロックのスタイルが再び正しくなりました。

0
hhillen