我的Sublime Text 3 - 适用于Web开发


推荐大家使用版本3,这个版本的速度快了很多,尤其是第一次打开的时间少了很多,可以说是秒开。

这里整理了我安装的一些插件,和自定义配置(主题,配色等),适用于码农,尤其是Web方向。

Tips: 在Linux, Windows命令行下, 都可以使用 subl 命令打开了, subl .用于打开当前文件夹

截个图看看: sublime_text

sublime_text

插件

Package Control

移步 Package Control Installation

ConvertToUTF8

如果直接有Sublime Text创建的文本包含中文,显示应该没有问题,但是,如果是先前由其他工具,或者别人发过来的中文文本,就会乱码了,这时候就要使用 ConvertToUTF8 这个插件,我们安装即可,他会自动转换的。

Alignment

用于对齐,比如一些变量赋值语句,等号对齐。 Usage:

  • 选择要对齐的代码
  • 使用快捷键:ctrl+alt+a

BracketHighLighter

用于高亮显示匹配的括号或者代码段

Emmet

用于快捷生成一些html代码 Usage:

  • 输入 div>ul>li*4
  • 按下 Tab 键

ERB Snippets

大致同Emmet, 不过是 .html.erb

Snippets and Bindings

Snippet Tab Trigger Output
ERB tags __er__ `<% %>`
print ERB tags __pe__ `<%= %>`
print ERB comment __pc__ `<%# %>`
`if` block __if__ `<% if %>...<% end %>`
`if` / `else` block __ife__ `<% if %>...<% else %>...<% end %>`
`else` tag __else__ `<% else %>`
`elsif` tag __elsif__ `<% elsif %>`
`unless` block __unless__ `<% unless %>...<% end %>`
`end` block __end__ `<% end %>`
`submit_tag` helper __st__ `<%= submit_tag ..., ... %>`
`text_field_tag` helper __tft__ `<%= text_field_tag ..., ... %>`
`password_field_tag` helper __pft__ `<%= password_field_tag ..., ... %>`
`label_tag` helper __lblt__ `<%= label_tag ..., ... %>`
`link_to` helper __lt__ `<%= link_to ..., ... %>`
`form_for` helper __form__ `<%= form_for(@ ) do |f| %> ... <% end %>`
`t()` helper __t__ `<%= t('@') %>`
### Markdown Preview 在浏览器浏览Markdown Usage: - 快捷键`ctrl+shift+p` - 输入: Markdown Preview - 根据提示选择命令 ### MarkdownEditing ### Theme-Soda 一款不错的主题,另外,两个配色也不错 - Home: https://github.com/buymeasoda/soda-theme - 配色:http://buymeasoda.github.com/soda-theme/extras/colour-schemes.zip 安装配色方案方法: - 解压到 C:\Users\ahnniu@work\AppData\Roaming\Sublime Text 3\Packages\User\, Ubuntu 在用户路径下, .sublime text 3 ## 快捷键 ``` [ { "keys": ["ctrl+alt+r"], "command": "reindent" }, ] ``` ## 自定义配置 ``` { "color_scheme": "Packages/User/Espresso Soda.tmTheme", "font_size": 11, "ignored_packages": [ "Markdown", "Vintage" ], "soda_classic_tabs": true, "tab_size": 2, "theme": "Soda Light 3.sublime-theme", "translate_tabs_to_spaces": true } ```