VSCode HTML自動補全

在使用VSCode編寫HTML代碼時，有些人不需要自動補全功能，或者是覺得它干擾到了他們的編碼流程。在這種情況下，他們可能想知道如何取消VSCode HTML自動補全。

如果你想取消VSCode HTML自動補全，只需打開VSCode設置並搜索“html.suggest.enabled”設置項。將其值從“true”更改為“false”即可取消自動補全功能。

"[html]": {
  "editor.suggest.enabled": true
}

VSCode HTML自動排版是一種非常有用的功能。當你編寫HTML代碼時，它會自動對代碼進行縮進和格式化，使代碼更易於閱讀。這對於維護和修改現有代碼非常有幫助。

在VSCode中啟用自動排版，只需打開VSCode設置，並搜索“editor.formatOnSave”設置項。將其值從“false”更改為“true”即可啟用自動排版。

"[html]": {
  "editor.formatOnSave": true
}

VSCode支持自動補全HTML框架的功能。當你輸入HTML標記時，它將在自動補全列表中提供標記的完整結構。

例如，在輸入<table>標記時，VSCode將在自動補全列表中提供<thead>、<tbody>和<tfoot>標記。

<table>
  <thead>
    
  </thead>
  <tbody>
    
  </tbody>
  <tfoot>
    
  </tfoot>
</table>

VSCode可以自動補全HTML代碼，使代碼編寫速度更快。例如，當你輸入“<li>”時，VSCode將提示使用“</li>”完成標記。

此外，VSCode還可以自動補全屬性和CSS樣式。

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

在某些情況下，VSCode自動補全可能會出現卡頓的情況。這可能是由於過多的自動補全建議或計算機速度不足等原因造成的。

如果你在編碼過程中遇到了這種問題，可以嘗試禁用有爭議的VSCode自動補全功能或提高計算機的速度。

當你輸入HTML代碼時，VSCode會自動補全標記。例如，如果你輸入“<a>”，VSCode將自動補全標記關閉標記“</a>”。

編寫HTML代碼時，VSCode可以自動補全標記、屬性和樣式等常見元素。這使得編寫代碼變得更快、更容易。

<div>
  <h1></h1>
  <img src="" alt="">
  <p></p>
  <a href=""></a>
</div>

VSCode有許多支持自動補全的擴展插件。其中一些插件可以提供更準確的自動補全功能和更智能的建議，並支持多種編程語言。

例如，HTML CSS Support可以為HTML和CSS提供更好的自動補全和智能提示。

在編寫HTML代碼時，你經常需要使用引號來標記屬性值。VSCode可以自動補全引號，使編碼更加快速。

當你輸入屬性時，VSCode會自動添加引號並將光標放在引號內。

<img src="" alt="">

在VSCode中，你可以使用Tab鍵或Enter鍵來選擇自動補全建議中的內容。

如果你不想使用自動補全建議中的第一個選項，可以使用方向鍵來瀏覽建議選項。

可以使用Ctrl+Space鍵強制打開自動補全建議列表。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/302931.html