Sublime
Sublime 是一个代码编辑器，可以编写 HTML、CSS、JS、PHP 等文件。
为什么选择 Sublime 呢？
其优点在于：跨平台、扩展性强；体积小，运行速度快；支持编辑功能，可以在控制台查看输出；支持大量的插件。
Sublime（ 傻瓜式 ）安装和使用
下载（ 中文版可能存在插件无法安装的问题，建议安装英文版，然后使用汉化插件（ 如果必要的话 ））
- 中文版（ 不推荐 ）：http://www.sublimetextcn.com/3/
- 英文版（ 建议 ）：http://www.sublimetext.com/3/
// 帮助 - 输入注册码：使用半个小时左右，可能会被要求注册，搜索：sublime text3 注册码，尝试几个即可
「 练习：使用 Sublime 创建一个 HTML 文件 」
- Ctrl + N 创建，或使用记事本创建 .html 文件，然后使用 Sublime 打开
- ! （英文状态下） + Tab 键，自动生成 HTML 骨架 // Ctrl + S，保存；右键，在浏览器中打开
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> hello,world! </body> </html>另，通过“菜单栏 - 项目 - 添加文件夹到项目 - 选择文件夹”，可用于在左侧 sidebar 中新建项目
常用快捷键
- 选中单词
选中当前单词 Ctrl + D
跳过当前单词 Ctrl + K Ctrl + D
选中相同的所有单词 Alt + F3
多行游标 按住 shift，然后按住鼠标右键向下拖动
- 行操作
选中当前行 Ctrl + L
复制当前行 Ctrl + Shift + D
删除当前行 Ctrl + Shift + K
和下一行合并 Ctrl + J
当前行上下移动 Ctrl + Shift + Up Ctrl + Shift + Down
在上行添加空格 Ctrl + Shift + Enter
在下行添加空格 Ctrl + Enter
- 删除
删除后一个单词 Ctrl + Delete
删除前一个单词 Ctrl + Backspace
删除改行后面的所有单词 连按两次 Ctrl + K
删除改行前面的所有单词 连按 Ctrl + K Ctrl + Backspace
删除当前行 Ctrl + Shift + K
- Goto（ Ctrl + P ）
文件名 要打开的文件
:行 具体行（ Ctrl + G ） 如，:20 20行
@名称 CSS 选择器、HTMId 名及 Id 值、JS 事件及函数名（ Ctrl+R ） 如，@body 找出 body 选择器
#关键字 具体的关键字（ Ctrl + ; ） 如，#a 找出页面中带 a 的单词
- 缩进
向前缩进 Tab、Ctrl + [
向后缩进 Tab + Shift、Ctrl + ]
- 注释
注释和取消注释 - 单行 Ctrl + /
注释和取消注释 - 大段代码 Ctrl + Shift + /
- 折叠
折叠代码 Ctrl + Shift + [
展开代码 Ctrl + Shift + ]
- 代码大小写
代码大写 连按 Ctrl + K Ctrl + U
代码小写 连按 Ctrl + K Ctrl + L
- 其他
命令面板 Ctrl + Shift + P（ 可以进行模糊匹配 ）
侧边栏 Ctrl + K Ctrl + B
粘贴代码并保持缩进格式 Ctrl + Shift + V
闭合标签 Alt +.
Ctrl + Shift + A：选中标签内的内容不包括标签，继续按会继续往上一层选择
- 格式化（ 需要手动设置 —> 选中相关代码或全选，然后，Ctrl + Shift + F（ 可自行设置 ））
// PreFerences —> Key Bindings（ 快捷键设置 ） - User
添加代码：{"keys": ["ctrl+shift+f"], "command": "reindent"} , 保存即可
Sublime 插件的安装和使用
插件安装前，通常需要安装组件 package control（ 插件安装包管理器 ），用于添加、卸载、更新相关插件。
插件安装过程中，可能会遇到这样的问题：There are no packages available for installation，也就是说无法安装插件，尝试发现，中文版很难解决，所以，推荐安装英文版 — 下载地址：http://www.sublimetext.com/3
「 检测与安装 」检测 Sublime 是否安装了该组件，Ctrl + Shift + P，在命令行中输入 pc，如下图表示已安装：
如果没有安装，可以直接在命令行中选择 install Package Control 进行安装，
或选择 view – show control（ 显示/隐藏控制台，Ctrl + ` ） > 复制（ packagecontrol.io/installation ）命令 > 重启
「 插件列表（ Ctrl + Shift + P ）」preferences（ 首选项 ）– package control（ 如，~:install Package 安装插件 ）
- ChineseLocalization：汉化插件
安装过程，可能是漫长的等待 ...，甚至可能安装失败（ 再来一次或者 ... ）
如果安装失败，可以考虑手动下载插件文件，然后复制到 “首选项” - “浏览插件目录” 所打开的目录下
- Emmet：可以快速编写 HTML 和 CSS 代码
! 自动生成骨架结构
生成标签：直接输入标签名，按 tab 键即可。如， div ，tab 键，就可以生成 <div></div>
#foo ID 为 foo
.foo 类名为 foo // 生成带有类名或 id 名的标签，直接写 div.demo 或 div#app ，按 tab 键即可
+ 同级元素 // 生成有兄弟关系的标签，如，div+p
> 下一级元素 // 生成有父子级关系的标签，如，ul>li
*3 生成 3 个元素 // 生成多个相同的标签，如，div*3
$ 从 1 开始的递增值 // 如，div{$}*3
{} 元素内容 // 如，p.demo{ 这是一个段落 }
- SublimeCodeIntel：代码提示插件（ 可能需要重复安装好多次，才会安装成功 ）
- DocBlocker：可以方便的产生函数的注释
- SiderBarEnhancements：实用的右键菜单增强工具
- Terminal：可以在 Sublime 中直接打开命令行终端