2015-11-07 54 views
0

我一直在尋找通過原子文檔在編寫代碼片段:凌片段爲HTML註釋

Using atom snippets

但是,文檔是我面臨的問題太簡單了。我想寫一個片段,它會自動創建一個包含HTML元素類名的註釋。讓我們來看一個例子:

<div class="first-class another-class"> 

    ... 

</div><!-- first-class another-class --> 

我想有一個片段,它會自動創建一個包含註釋「一流的另一級」時,我的div結束標記之後輸入,例如,「通訊」並打TAB。這甚至可以使用片段嗎?

回答

1

您的工作流程是否允許您與前面的標記一起創建註釋?在這種情況下,你可以使用這樣的事情:

'.text.html': 
    'Snippet Name': 
    'prefix': 'comm' 
    'body': """ 
     <div class="${1:classes}"> 
     ${2:<!-- your markup here -->} 
     </div><!-- ${1:classes} --> 
    """ 

或者更先進:

'.text.html': 
    'div+comment': 
    'prefix': 'comm' 
    'body': """ 
     <${1:div} ${2:class="${3:classes}"}> 
     ${4:<!-- your markup here -->} 
     </${1:div}>${2:<!-- ${3:classes} -->} 
    """ 

保存此文件(例如comm.cson),並把它放在包目錄。

+0

這就是我所說的'開箱'思維:)聽起來很棒,非常感謝。 –

+0

第二個腳本出現錯誤,現在應該修復! – idleberg

+0

很棒,歡呼! –