2012-06-02 169 views

回答

31

當您使用「<」和您的標記,然後按回車鍵時,默認啓用自動完成功能。所以,如果你輸入<p,然後點擊輸入,它會完成你的標籤對...你會以<p></p>結束,你的光標將在中間。

{ 
    "auto_complete_commit_on_tab": true 
} 

這將覆蓋假的默認值選項卡上完成: - >設置 - 用戶的文件,如果你喜歡粘貼以下到您的喜好,您可以將其更改爲標籤。同樣,只有當你希望使用Tab而不是Enter時。

11

您可以嘗試使用emmet包。它是專門爲HTML & css代碼完成而製作的。欲瞭解更多信息,你應該閱讀the documentation

11

嘿,你可以試試https://github.com/agibsonsw/HTMLAttributes或者安裝名爲「HTMLAttributes」的trought包控件包;)。它的作品適合我。例如,你鍵入:

<p然後按空格鍵,然後按Ctrl +空格,你會得到屬性列表。

+0

你的例句在這裏沒有完成。如果您需要在答案中添加HTML標籤,請使用Markdown標記。 –

6

我有同樣的問題;儘管我同時使用了插件包HTMLAttributes和Emmet,但我都沒有提供我正在尋找的自動完成功能,它與Dreamweaver類似。

解決方案:我發現一個名爲SublimeCodeIntel的包,它完全符合我的需求。

例子:我編寫html電子郵件,並做了很多內聯CSS。最終目標:

<td style="vertical-align:top;"> 

安裝SublimeCodeIntel後,我輸入<td style="v,並開始「V」顯示CSS屬性的列表。

enter image description here

用我的箭頭鍵,我選擇vertical-align並按tab確認,然後鍵入字母「t」和CSS值現在顯示的列表。

enter image description here

我選擇top,然後按tab再次確認我的選擇。

注意:您可以爲Emmet創建預定義的片段,用於未定義的CSS屬性,但我想要「開箱即用」而不是必須a)學習如何通過文檔創建它們(儘管我確信它很簡單) ,和b)每次遇到像vertical-align這樣的未定義CSS屬性/值時創建一個片段。

希望這會有所幫助。

+0

這確實是我正在尋找的插件 - 將ST轉換爲webstorm的輕型版本 – Tol182

相關問題