sublime text 3 在寫 css 時自動提示類名的解決方案
阿新 • • 發佈:2019-01-08
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+/註釋修改前的程式碼。