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 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值