sublime text 3 在写 css 时自动提示类名的解决方案

sublime text3 是一个非常好用的代码编辑器,但前提是需要懂的了解他的一些使用特性。比如在编辑前端代码时,CSS不会自动类名以及补全, 真的特别头疼,网上找到了解决方法,但是还是会出一些各式各样的问题,下面是我自已通过摸索,整理出来的一些解决方法,目前已经解决了该问题。 希望能帮到你! 1、打开sublime编辑器,ctrl+shift+p把以下代码复制进去回车
Package Control: Add Repository
2、然后进入输入,再复制以下代码回车
https://github.com/andruhon/SublimeAllAutocomplete
sublime text 3 在写 css 时自动提示类名的解决方案
3、ctrl+shift+p输入install package回车
sublime text 3 在写 css 时自动提示类名的解决方案
然后输入以下代码回车
All Autocomplete
4、按如图步骤找到并打开All Autocomplete的user文件
sublime text 3 在写 css 时自动提示类名的解决方案
打开的文件是空的,把以下代码复制进去保存
{
	"apply_with_dash_hack_syntaxes": ["source.scss","source.sass","source.css","source.html"],
	"return_nothing_on_empty_prefix": true,
	"do_not_search_in_current_view": false,
	"word_separators": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?",
}
到此allcomplete插件的设置就完成了,接下来解决sublime text3的css不出现自动提示框的问题 1、ctrl+shift+p输入install package回车,然后复制以下代码回车,安装插件
PackageResourceViewer
3、点击如上图的CSS,再选择css_completions.py将文件最后部分的
else:
                    l.append((prop, prop))
修改成
elif view.match_selector(locations[0], "meta.property-list.css"):
                    l.append((prop, prop))
4、再次运行
PackageResourceViewer: Open Resource
点击CSS,选择Completion Rules.tmPreferences
sublime text 3 在写 css 时自动提示类名的解决方案
CSS/Completion Rules.tmPreferences
进行如下修改并保存
<string>.*</string>  修改为  <string></string>
sublime text 3 在写 css 时自动提示类名的解决方案
完成以上步骤,css类名就能自动提示了。

文章转载请注明出处,并需展示来源网址!:淘盒子 » sublime text 3 在写 css 时自动提示类名的解决方案

赞 (1) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏