簡體   English   中英

Sublime Text無法正確縮進HTML

[英]Sublime Text isn't indenting properly with HTML

相關但不相同的問題: Sublime Text縮進行為

我看過很多視頻,在這些視頻中,在自動完成HTML標簽之后,按Enter鍵會自動導致關閉標簽顯示兩行,並且光標在開始和關閉標簽之間的第二行正確縮進。

在我的情況下,Sublime Text 2中的自動縮進功能似乎無法正常工作。 這正是發生的情況(如下面的gif所示)。

升華文字2中的自動縮進問題。下面的列表描述了確切的問題。

  1. 寫入標簽后按Tab鍵可自動完成結束標簽。
  2. 按Enter鍵,使結束標記一行。
  3. 再次按Enter鍵,將結束標記置於第三行。
  4. 按向上鍵進入第二行。
  5. 再次按Tab鍵,我希望它可以正確縮進,但是,它帶我到了第三行結束標記的結尾。
  6. 再次按向上鍵再次進入第二行。
  7. 再次按Tab鍵,最終可以使行正確縮進。
  8. 繼續編寫更多HTML。

即7次擊鍵,在正常情況下應為2次擊鍵。 這適用於我在HTML中使用的每個標記,並且變得非常令人沮喪。

請注意,這僅在HTML中發生。 下面是自動縮進功能的GIF,它在CSS中可以正常工作(只有一次擊鍵)。

自動縮進功能在CSS中工作得很好。點擊選項卡一次將創建三行,並在第二行正確縮進光標。

我在ST2上安裝了很少,無關的軟件包。 這是我的設置-用戶文件的內容。

{
    "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
    "ignored_packages":
    [
        "Vintage"
    ],
    "theme": "Spacegray.sublime-theme",
    "margin": 0,
    "fold_buttons": false,
    "draw_minimap_border": true,
    "auto_complete_commit_on_tab": false
}

為什么Sublime Text 2中的自動縮進功能可以做到這一點? 我該如何解決?

編輯: @Shomz表示這是默認情況下HTML縮進的工作方式。 我可以使用任何插件/解決方法來達到預期的效果嗎?

嘗試安裝Emmet插件,以前稱為Zen Coding。 它允許您使用類似CSS選擇器的語法輸入HTML,例如

html>body>div.main

然后按Tab鍵

<html>
<body>
    <div class="main">|</div>
</body>
</html>

哪里| 是光標位置。 更重要的是,對於您當前的問題,只需輸入body 選項卡即可

<body>
    |
</body>

就像您在尋找一樣。 有關所有詳細信息,請參見Emmet文檔

暫無
暫無

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

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