sublime text 3 在写 css 时自动提示类名的解决方案 - 知乎专栏
你正在使用一个过时的浏览器。请以查看此页面。
{"debug":false,"apiRoot":"","paySDK":"/api/js","wechatConfigAPI":"/api/wechat/jssdkconfig","name":"production","instance":"column","tokens":{"X-XSRF-TOKEN":null,"X-UDID":null,"Authorization":"oauth c3cef7c66aa9e6a1e3160e20"}}
{"database":{"Post":{"":{"title":"sublime text 3 在写 css 时自动提示类名的解决方案","author":"zhou-yang-yifan","content":"之前捣鼓了很久一直没解决这个问题，无法提示类名。晚上写css的时候又被类名弄炸了，干脆上google上一条一条看，没想到最后找到了一个解决办法，记录在这里，免得以后忘了找不到。命令行输入Package Control: Add Repository\n进入后输入/andruhon/SublimeAllAutocomplete\n然后在install package中输入All Autocomplete\n找到与上面地址对应的插件并安装。将这个插件的设置文件中的\"apply_with_dash_hack_syntaxes\"：[\"source.scss\",\"source.sass\",\"source.css\"],\n复制到插件的user设置中，并改为\"apply_with_dash_hack_syntaxes\": [\"source.scss\",\"source.sass\",\"source.css\",\"text.html\"],\n这一步是为了能在提示中搜索html文件里的类，记住html也需要同时打开。打开st3的设置文件，找到\"word_separators\": \"./\\\\()\\\"'-:,.;&&~!@#$%^&*|+=[]{}`~?\",\n将代码复制到st3的user设置文件中，并删去其中的短横线“-”，修改后如下\"word_separators\": \"./\\\\()\\\"':,.;&&~!@#$%^&*|+=[]{}`~?\"\n别忘了在前面的设置代码最后加逗号。到此allcomplete插件的设置就完成了，接下来解决st3的css不出现自动提示框的问题用install package安装插件PackageResourceViewer\n命令行输入 PackageResourceViewer: Open Resource\n打开CSS/css_completions.py\n将文件最后部分的else:\n
l.append((prop, prop))\n修改为elif view.match_selector(locations[0], \"meta.property-list.css\"):\n
l.append((prop, prop))\n原地保存并同时保存到（以防万一）../package/user/\n文件夹下再次运行PackageResourceViewer: Open Resource\n打开CSS/Completion Rules.tmPreferences\n进行如下修改-
&string&.*&/string&\n+
&string&&/string&\n同样保存到../package/user/\n文件夹下即可现在再去试试应该就没问题了，如果还是不行，那我也没解决办法了，毕竟是看别人的一步一步完成的，原理不是很懂。。。大部分是原样翻译的下面几个地址的内容：","updated":"T15:52:46.000Z","canComment":false,"commentPermission":"anyone","commentCount":12,"collapsedCount":0,"likeCount":2,"state":"published","isLiked":false,"slug":"","isTitleImageFullScreen":false,"rating":"none","titleImage":"","links":{"comments":"/api/posts//comments"},"reviewers":[],"topics":[{"url":"/topic/","id":"","name":"Sublime Text"},{"url":"/topic/","id":"","name":"CSS"},{"url":"/topic/","id":"","name":"前端开发"}],"adminClosedComment":false,"titleImageSize":{"width":0,"height":0},"href":"/api/posts/","excerptTitle":"","tipjarState":"closed","sourceUrl":"","pageCommentsCount":12,"snapshotUrl":"","publishedTime":"T23:52:46+08:00","url":"/p/","lastestLikers":[{"profileUrl":"/people/gong-teng-xin-yi-79","bio":null,"hash":"cc9b2fa6ef953f95f8935a","uid":443500,"isOrg":false,"description":"","isOrgWhiteList":false,"slug":"gong-teng-xin-yi-79","avatar":{"id":"f1b0abd9dca1","template":"/{id}_{size}.jpg"},"name":"工藤新一"},{"profileUrl":"/people/qin-wang-52","bio":"苟全性命于乱世","hash":"483b9d523fc7ea2da7f198","uid":72,"isOrg":false,"description":"","isOrgWhiteList":false,"slug":"qin-wang-52","avatar":{"id":"v2-f293c88f07bc9fa27f9a5","template":"/{id}_{size}.jpg"},"name":"大饼"}],"summary":"之前捣鼓了很久一直没解决这个问题，无法提示类名。晚上写css的时候又被类名弄炸了，干脆上google上一条一条看，没想到最后找到了一个解决办法，记录在这里，免得以后忘了找不到。命令行输入Package Control: Add Repository\n进入后输入/…","reviewingCommentsCount":0,"meta":{"previous":null,"next":null},"commentsCount":12,"likesCount":2,"FULLINFO":true}},"User":{"zhou-yang-yifan":{"isFollowed":false,"name":"debot","headline":"。","avatarUrl":"/v2-df8fdd1b4de55e8f86dbf3a_s.jpg","isFollowing":false,"type":"people","slug":"zhou-yang-yifan","bio":"不成熟的程序员","hash":"4e2ffbfef3e588f0ba80da0f","uid":20,"isOrg":false,"description":"。","profileUrl":"/people/zhou-yang-yifan","avatar":{"id":"v2-df8fdd1b4de55e8f86dbf3a","template":"/{id}_{size}.jpg"},"isOrgWhiteList":false,"badge":{"identity":null,"bestAnswerer":null}}},"Comment":{},"favlists":{}},"me":{},"global":{},"columns":{},"columnPosts":{},"postComments":{},"postReviewComments":{"comments":[],"newComments":[],"hasMore":true},"favlistsByUser":{},"favlistRelations":{},"promotions":{},"env":{"isAppView":false,"appViewConfig":{"content_padding_top":128,"content_padding_bottom":56,"content_padding_left":16,"content_padding_right":16,"title_font_size":22,"body_font_size":16,"is_dark_theme":false,"can_auto_load_image":true,"app_info":"OS=iOS"},"isApp":false},"sys":{}}你正在使用的浏览器版本过低，将不能正常浏览和使用知乎。Sublime Text 2 for Linux
代码编辑器或者文本编辑器，对于程序员来说，就像剑与战士一样，谁都想拥有一把可以随心驾驭且锋利无比的宝剑，而每一位程序员，同样会去追求最适合自己的强大、灵活的编辑器，相信你和我一样，都不会例外。我用过的编辑器不少，真不少～ 但却没有哪款让我特别心仪的，直到我遇到了&Sublime Text 2&！如果说&神器&是我能给予一款软件最高的评价，那么我很乐意为它封上这么一个称号。它小巧绿色且速度非常快，跨平台支持Win/Mac/Linux，支持32与64位，支持各种流行编程语言的语法高亮、代码补全等，但它有着很多其他编辑器没有的超酷的特性，让它的好用达到了前所未有的程度&&
关于 Sublime Text 2：
曾经有人说过，世界上有两种编辑器，好用和不好用的；而在好用的编辑器中，又分两种，免费的和死贵死贵的。譬如说&VIM&和&TextMate，就是免费和死贵的典型。很不幸，今天的主角&Sublime Text 2&也是个死贵死贵的代表，它是一款收费的商业软件，个人授权费高达&59 美刀。
不过大家不用慌，虽然它很贵，但作者很厚道地给用户们提供了免费无限制无限期的试用权，它只会偶尔提醒一下你木有购买，而且频率也很低，仅此而已，一直免费使用下去几乎是没有任何影响的。另外值得一提的是，用户购买一个授权即可同时在不同平台上使用，对于像我这种经常需要在&Mac&和 Win 之间切换使用的用户来说的确能省下一笔钱了。
因为 Sublime Text 2 编辑器的特性和使用技巧实在太过多，本人也未算用得精通，所以无法一一列举展现，只能选几个我认为比较有特色的特点进行介绍，而且这里也没有篇幅去介绍各种编辑技巧、快捷键使用之类的了。如果你愿意花时间折腾一下，你会发现它的能力是远超本文介绍的那么几点的，所以本文只能算是抛砖引玉吧，希望大家有好的技巧可以分享出来。
语法高亮、代码提示补全、代码折叠、自定义皮肤/配色方案、多便签页：
SublimeText2 支持但不限于 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML 等主流编程语言的语法高亮。ST2 拥有优秀的代码自动完成功能 (自动补齐括号，大括号等配对符号；自动补全已经出现的单词；自动补全函数名)，非常智能；另外 ST2 也拥有代码片段（Snippet）的功能，可以将常用的代码片段保存起来，在需要时随时调用。当然，语法高亮、代码折叠、行号显示、自定义皮肤、配色方案等这些已经是一款现代编辑器应有的标配功能了，所以这里就不多做介绍了。
所有发行版iso镜像文件来自官方镜像站，请放心使用！
本站所有资源均来源于互联网，不对版权纠纷承担任何责任！
如有侵犯,请与发邮件到我们客服QQ邮箱,即删！
------分隔线----------------------------