1. 程式人生 > >sublime text 3 在寫 css 時自動提示類名的解決方案

sublime text 3 在寫 css 時自動提示類名的解決方案

ctrl+shift+p命令列輸入

Package Control: Add Repository

進入後輸入

https://github.com/andruhon/SublimeAllAutocomplete

然後在install package中輸入

All Autocomplete

找到與上面地址對應的外掛並安裝。
將這個外掛的設定檔案中的

"apply_with_dash_hack_syntaxes":["source.scss","source.sass","source.css"],

複製到外掛的user設定中,並改為

"apply_with_dash_hack_syntaxes"
: ["source.scss","source.sass","source.css","text.html"],

這一步是為了能在提示中搜索html檔案裡的類,記住html也需要同時開啟。
開啟st3的設定檔案,找到

"word_separators": "./\\()\"'-:,.;<>[email protected]#$%^&*|+=[]{}`~?",

將程式碼複製到st3的user設定檔案中,並刪去其中的短橫線“-”,修改後如下

"word_separators": "./\\()\"':,.;<>[email protected]
#$%^&*|+=[]{}`~?"

別忘了在前面的設定程式碼最後加逗號。
到此allcomplete外掛的設定就完成了,接下來解決st3的css不出現自動提示框的問題
用install package安裝外掛

PackageResourceViewer

命令列輸入

 PackageResourceViewer: Open Resource

開啟

CSS/css_completions.py

將檔案最後部分的

else:
                    l.append((prop, prop))

修改為

elif view.match_selector(locations[0
], "meta.property-list.css"): l.append((prop, prop))

再次執行
PackageResourceViewer: Open Resource
開啟
CSS/Completion Rules.tmPreferences
進行如下修改

           <string>.*</string>

改為

       <string></string>

ps:以防萬一,按Ctrl+/註釋修改前的程式碼。