排序手寫筆內容

Question

有沒有辦法根據某些標準對手寫筆文件中的行進行排序，例如：按字母順序排列，還是按規則域名一樣，所有背景的東西都是一個接一個地放，然後所有的定位東西，比如top，right等等？ 當然，這些行應該留在它們的父元素中。 下面是一個例子：

#topbar 
    clearfix() 
    position fixed 
    height topBarHeight 
    border-bottom 1px solid rgba(#fff, 0.2) 
    box-sizing border-box 
    z-index 200 
    right 0 
    left 0 

能成爲這一點，通過域分組：

#topbar 
    // mixins 
    clearfix() 
    // positioning and sizing 
    position fixed 
    z-index 200 
    left 0 
    right 0 
    box-sizing border-box 
    height topBarHeight 
    // border 
    border-bottom 1px solid rgba(#fff, 0.2) 
    // the rest 
    ... 

這是一種完美主義癢癢的，但會很酷必須以某種順序排列的所有文件的內容。

Answer 1

如果您想在觸控筆源文件中對行進行排序，我會推薦使用腳本編寫像vim這樣的腳本編輯器。如果你想要優化輸出，可以使用一些postcss插件。你可能想看看 postcss-sort和 postcss-merge-rules。如果您使用關鍵字「合併」，您會發現更多。