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": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?",

将代码复制到st3的user设置文件中,并删去其中的短横线“-”,修改后如下

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

别忘了在前面的设置代码最后加逗号。
到此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+/注释修改前的代码。

作者:debot
链接:https://zhuanlan.zhihu.com/p/21824377
来源:知乎

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值