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补出下面片段：
<!--需要将本代码保存为【*.sublime-snippet】，比如【hexo-header.sublime-snippet】-->
<snippet>
<content><![CDATA[
---
title: ${1:标题}
date: 2016-${2:10-00 14:49:42}
tags:
- ${3:标签}
categories:
- ${4:分类}
---
${5:前言}
<!--more-->
${6}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>top</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html.markdown.gfm,text.html.markdown meta.paragraph.markdown</scope>
</snippet>
浏览器预览
- 安装SideBarEnhancements插件
- 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名。
