玩转Sublime Text

Sublime Text　Sublime Text is a sophisticated（复杂的） text editor for code, markup and prose（文章）.You'll love the slick user interface, extraordinary features and amazing performance.官网

插件

Package Control

必备，安装插件使用，教程。

前端

Emmet

语法提示工具，但是感觉提示功能太low了，有点想转战webstorm。

HTML/CSS/JS Prettify

代码格式化工具

Markdown编辑

Markdown Editing

编辑markdown语言，高亮显示。

OmniMarkupPreviwer

markdown文档预览：利用“ctrl+alt+O”进行浏览器实时预览。

公式的渲染使用了MathJax库，所以需要在OmniMarkupPreviewer的设置中，将"mathjax_enabled"设置为“true”。之后MathJax会在后端自动下载。

个性化设置

字体

在Preferences下面的setting-user中大括号内加入不同项之间逗号隔开。

"font_face": "YaHei Consolas hybrid",
"font_size": 20.0,

取消回车自动补全

加入下面代码，这样只能使用tab补全

"auto_complete_commit_on_tab": true,

改键

alt+/：自动补全

ctrl+shift+x：删除当前行

[
    { "keys": ["alt+/"], "command": "auto_complete" },
    { "keys": ["ctrl+shift+x"], "command": "run_macro_file", "args": {"file": "res://Packages/Default/Delete Line.sublime-macro"} },
]

自定义snippet片段

输入top按tab补出下面片段：

    
${6}
]]>
    
    top
    
    text.html.markdown.gfm,text.html.markdown meta.paragraph.markdown

浏览器预览

1. 安装SideBarEnhancements插件
2. Preferences —> Key Bindings - User中添加代码

注意：edge配置失败，所以不贴代码（附默认edge路径：C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe）。

// chrome  F2
{ "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions":".*" } }, 
// firefox F3
{ "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Mozilla Firefox/firefox.exe", "extensions":".*" } }, 
// ie F4
{ "keys": ["f4"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions":".*" } },

使用

【快捷键】

Ctrl+L 选择整行（按住-继续选择下行）

Ctrl+KK 从光标处删除至行尾

Ctrl+Shift+K 删除整行(会与输入法冲突)

Ctrl+Shift+D 复制光标所在整行，插入在该行之前

Ctrl+J 合并行（已选择需要合并的多行时）

Ctrl+KU 改为大写

Ctrl+KL 改为小写

Ctrl+D 选词 （按住-继续选择下个相同的字符串）

Ctrl+M 光标移动至括号内开始或结束的位置

Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号）

Ctrl+/ 注释整行（如已选择内容，同“Ctrl+Shift+/”效果）

Ctrl+Shift+/ 注释已选择内容

Ctrl+Z 撤销

Ctrl+Y 恢复撤销

Ctrl+M 光标跳至对应的括号

Alt+. 闭合当前标签

Ctrl+Shift+A 选择光标位置父标签对儿

Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

Ctrl+KT 折叠属性

Ctrl+K0 展开所有

Ctrl+U 软撤销

Ctrl+T 词互换

Tab 缩进 自动完成

Shift+Tab 去除缩进

Ctrl+Shift+↑ 与上行互换

Ctrl+Shift+↓ 与下行互换

Ctrl+K Backspace 从光标处删除至行首

Ctrl+Enter 光标后插入行

Ctrl+Shift+Enter 光标前插入行

Ctrl+F2 设置书签

F2 下一个书签

Shift+F2 上一个书签

• 生成多个元素 例如10个div：div*10->tab
• 生成子元素 例：div->ul->li->a->img 写法div>ul>li>a>img
• 生成同级别元素 例：div->ul+div 写法 div>ul+div
• 生成向上层元素 例：div->ul->上一层添加一个ul 写法div>ul^ul
• 生成带id或class元素 id写法 div#id名，class写法 div.class名。