Question

sublime text 3有没有提供CSS 类名自动补全的插件

Answer 1

不用插件也可以解决

ctrl+shift+p命令行输入
Package Control: Add Repository1

进入后输入
https://github.com/andruhon/SublimeAllAutocomplete1

然后在install package中输入
All Autocomplete1

找到与上面地址对应的插件并安装。
将这个插件的设置文件中的
"apply_with_dash_hack_syntaxes"：["source.scss","source.sass","source.css"],1

复制到插件的user设置中，并改为
"apply_with_dash_hack_syntaxes": ["source.scss","source.sass","source.css","text.html"],1

这一步是为了能在提示中搜索html文件里的类，记住html也需要同时打开。
打开st3的设置文件，找到
"word_separators": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?",1

将代码复制到st3的user设置文件中，并删去其中的短横线“-”，修改后如下
"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?"1

别忘了在前面的设置代码最后加逗号。
到此allcomplete插件的设置就完成了，接下来解决st3的css不出现自动提示框的问题
用install package安装插件
PackageResourceViewer1

命令行输入
PackageResourceViewer: Open Resource1

打开
CSS/css_completions.py1

将文件最后部分的
else:
l.append((prop, prop))12

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

再次运行
PackageResourceViewer: Open Resource
打开
CSS/Completion Rules.tmPreferences
进行如下修改
<string>.*</string>1

改为
<string></string>