簡體   English   中英

HTML 文件中的 Visual Studio 代碼注釋

[英]Visual studio code comment in HTML files

我最近正在嘗試 Visual Studio Code,我注意到當我嘗試在 HTML 文件中添加行注釋(使用 Ctrl+/ 或 Ctrl+K Ctrl+C)而不是: <!-- --> ,我得到這個{# #}

在 JS 或 CSS 文件中,鍵綁定工作得很好並產生預期的結果。

那么如何在 HTML 文件中獲得正確類型的注釋呢?

最后我找到了問題所在。 我已經安裝了 Twig 插件(用於 Twig php 模板引擎),這導致了評論問題。

我剛剛安裝了 VSCode 1.1.1 並嘗試在新的 html 文件中添加注釋為此,您的新文件必須首先以 .html 格式保存,然后您可以使用 CTRL-K CTRL-C發表評論,它的工作原理。

希望能幫到你

如果您不想禁用/卸載任何插件,您可以創建一個片段來發表評論。 例如,我創建了一個在 PHP 文件中添加 HTML 注釋的代碼段:

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

您可以在“文件”>“首選項”>“用戶代碼段”>“{YourExtension}”中的評論后立即插入該內容

然后,當您開始在此類文件中鍵入“chtml”時,IntelliSense 將提示該片段。

也許這是一種解決方法,但對我來說效果很好。 希望有幫助!

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

對我來說,它是 (Djaneiro) 擴展名,它使 html 文件默認為 django 模板,因此它導致 HTML 中的注釋錯誤(按 ctrl + / 時)(用 {% comment %} 注釋它們)

在 Visual Studio Code 窗口中,轉到File->Preferences->Keyboard Shortcut

這將打開彼此相鄰的兩個文件,如下面的屏幕截圖所示:

在此處輸入圖片說明

您可以在此處更改或創建自己的快捷方式。 就像我剛剛將Ctrl+KU替換為Ctrl+/

希望這對你有用!!

已知會導致這種不需要的行為的擴展列表(基於我自己的經驗和其他答案):

  • Hugo 語言和語法支持
  • 賈內羅
  • 修女
  • 龍卷風
  • 崇高的通天塔
  • 通天塔
  • 樹枝
  • Django by Baptiste Darthenay (v1.0.0)
  • (隨意編輯此答案並添加您的答案)

禁用擴展程序后,您可能需要重新啟動代碼(我這樣做了)。

對我來說,有問題的擴展名是 Nunjucks(模板語言插件假定每個 .html 文件都是一個 nunjucks html 模板)

單擊 (Ctrl + KC) 注釋 html。 單擊 (Ctrl + KU) 取消注釋 html。

對於其他有問題的人來說,Tornado 擴展也是一個罪魁禍首。 我不得不一一“禁用(工作區)”才能找到它。

嘗試卸載您可能已安裝的任何 python 擴展包! 然后,您可以單獨重新安裝您需要的 python 擴展。

可能是該擴展包捆綁包中的擴展之一導致了問題

如果您在Mac中運行Visual Studio Code 然后,首先緊接着按Cmd + kCmd + c

在此處輸入圖片說明

對我來說,這是由 Sublime Babel 擴展引起的。 禁用它並重新啟動 VS Code 解決了這個問題: Cmd+K, Cmd+C再次起作用, Cmd+/用於切換也是如此。 此外,HTML 注釋塊現在再次正確設置樣式。

您可以在右下角配置文件類型。 您可能正在使用 Django HTML。 您可以將其設置為 HTML。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM