Sublime Text 3 绝对神器

1.官网

官网：http://www.sublimetext.com/3
视频：慕课网：https://www.imooc.com/learn/40
文档：Sublime Text 非官方文档
他山之石：看看就好，还是自己总结来的实在
- 牛人总结Sublime text3：挺全面的，使用github写博客的方式值得借鉴
- Sublime Text 3前端开发常用优秀插件介绍：好炫酷的插件介绍
- Sublime Text3常用插件以及安装方法(实用)：图片加文字，很明白
- 史上最全的 Sublime Text 汉化、插件安装合集：插件介绍详细，可以借鉴
- 史上最强Sublime 笔记系列---我的常用配置：配置说明解释倒是详细
- Sublime Text 3最好的功能、插件和设置：以前比较详细
注册码：好像不行了
- 来源：https://blog.csdn.net/aerchi/article/details/41077613

—– BEGIN LICENSE —– 
TwitterInc 
200 User License 
EA7E-890007 
1D77F72E 390CDD93 4DCBA022 FAF60790 
61AA12C0 A37081C5 D0316412 4584D136 
94D7F7D4 95BC8C1C 527DA828 560BB037 
D1EDDD8C AE7B379F 50C9D69D B35179EF 
2FE898C4 8E4277A8 555CE714 E1FB0E43 
D5D52613 C3D12E98 BC49967F 7652EED2 
9D2D2E61 67610860 6D338B72 5CF95C69 
E36B85CC 84991F19 7575D828 470A92AB 
—— END LICENSE ——

来源：https://blog.csdn.net/qwer_1314/article/details/79632373

----- BEGIN LICENSE -----
eldon
Single User License
EA7E-1122628
C0360740 20724B8A 30420C09 6D7E046F
3F5D5FBB 17EF95DA 2BA7BB27 CCB14947
27A316BE 8BCF4BC0 252FB8FF FD97DF71
B11A1DA9 F7119CA0 31984BB9 7D71700C
2C728BF8 B952E5F5 B941FF64 6D7979DA
B8EB32F8 8D415F8E F16FE657 A35381CC
290E2905 96E81236 63D2B06D E5F01A69
84174B79 7C467714 641A9013 94CA7162
------ END LICENSE ------

2.插件

安装插件
- 安装插件管理工具（Package Control）：
  - Sublime Text3的插件管理Package Control安装
  - 安装指导：https://packagecontrol.io/installation
- 使用Package Control安装插件
  - 调出命令面板：Ctrl+Shift+P
  - 安装Install Package：输入install 调出 Install Package 选项并回车
  - 然后在列表中选中要安装的插件：支持模糊匹配
ChineseLocalizations：
- 功能：sublime汉化插件
- 搜索chinese，一般都是汉化插件
Emmet
- 原名 Zen Coding：一种快速编写html/css的方法
- 这个最重要了，使用教程：Emmet：HTML/CSS代码快速编写神器
- emmet官网：https://docs.emmet.io/
- 官方教程： http://docs.emmet.io/cheat-sheet/
Bracket Highlighter
- 功能：代码匹配
- 简介：可匹配[], (), {}, “”, ”, ，高亮标记，便于查看起始和结束标记
HTML-CSS-JS Prettify
- 功能：格式化HTML，CSS，javascript和Json代码格式
- 简介：代替了JsFormat 和 CSSFormat
- 需要安装nodejs，而且要在Packages-Setting→HTML/CSS/JS Prettify→set node path中设置你node的安装路径。
- 设置快捷键：Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts，因为我的ctrl+shift+h已经被占用，所以我改成ctrl+shift+alt+h。
Docblockr
- 功能：写注释用的
- sublime text3 Docblockr插件的使用
Autoprefixer
- 功能：CSS3 私有前缀自动补全插件
Trailing spaces
- 功能：检测并一键去除代码中多余的空格
view in browser
- 功能：通过默认浏览器打开文件
autoprefixer
- 功能：CSS添加私有前缀
jQuery
- 功能：jQ函数提示
- 简介：快捷输入jQ函数
SublimeLinter
- 功能：代码检查
- 简介：支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言
- 使用：需要配置相应语言的环境，要检查JavaScript代码需要安装node.js，检查PHP代码需要安装PHP并配置环境等。
AutoFileName
- 快速列出你想引用的文件夹里面所有文件的名字，比如想引用test/img/1.png。只需要输入/img,该插件就会自动提示/img下面的所有文件名，如图
Sidebar Enhancements
- 功能：侧边栏右键文件功能增强
- 例如：
- 说明文档：https://packagecontrol.io/packages/SideBarEnhancements
- 我常用的两个功能是设置文件使用浏览器打开的快捷键F12和重命名F2，需要自己往Key-Bindings-User里面添加
- { "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},
- { "keys": ["f2"], "command": "side_bar_rename"},
sublimeCodeIntel
- 功能：js智能提示
- 感觉：输入前几个字母会提示，不过不如eclipse能提示可以使用的方法
JavaScript Snippets
- JavaScript Snippets
- sublime text3 之snippet编写代码片段

3.快捷键

Emmet
- 使用教程：Emmet：HTML/CSS代码快速编写神器
- 新建html
  - 新建一个html，保存
  - 输入：!
  - tab键：或者Ctrl+E
- 快捷输出
  - ul>.item$*10
  - ul>.item$*10{content}
    - > 号生成子元素，$ 产生序号，{ }产生内容
常用快捷键：个人总结
- 新建：html：5
- 自动缩进：Ctrl+Shift+r
- 复制当前行：Ctrl+Shift+D
- 在此后插入行：Ctrl+Enter
- 游标选择：Alt+F3
- 保持缩进粘贴：Ctrl+Shift+V
- 调出命令：Ctrl+Shift+P
- 跳转：Ctrl+P，#
- 切换光标到行尾：End
配置快捷键
- 说明：快捷键配置界面，左为默认配置，右为用户个性配置，
- 因为设置的快捷键经常被占用，所以需要自己重新设置
  - 自动完成：{ "keys": ["alt+/"], "command": "auto_complete" },
    - 原来是：{ "keys": ["ctrl+space"], "command": "auto_complete" },
    - 可惜被输入法占用了
    - 所以设置成了习惯的：alt+/
  - 自动缩进：{ "keys": ["ctrl+shift+r"], "command": "reindent" },
    - 原来是：{ "keys": ["tab"], "command": "reindent", "context":[] },
    - tab键是Emmet的快捷键
    - 这个好多翻译成“再次缩进”，我觉得应该叫自动缩进
    - ctrl+a，选中全部后，ctrl+shift+r，自动缩进
    - 这个不是格式化代码
  - 注释：ctrl+/
- 一般：ctrl+alt+。。。，快捷键没有被使用
因为快捷键过多，下面仅罗列一下比较常用的快捷键：

1.操作
Ctrl + `：打开Sublime Text控制台（Esc退出）
Ctrl+Shift+P：打开命令面板（Esc退出）
Ctrl + K, Ctrl + B：组合键，显示或隐藏侧栏
Alt ：光标调到菜单栏，↑↓←→ 移动光标

2.编辑
Ctr+Shift+D：复制粘贴光标所在行
Alt+.：关闭标签
Ctrl+/：用//注释当前行。
Ctrl+Shift+/：用/**/注释。
Ctrl + Enter：在当前行下面新增一行然后跳至该行
Ctrl + Shift + Enter：在当前行上面增加一行并跳至该行
Ctrl + ←/→：进行逐词移动，
Ctrl + Shift + ←/→：进行逐词选择
Ctrl + Shift + ↑/↓：移动当前行（文件会被修改）
Ctrl+KK ：从光标处删除至行尾
Ctrl+K Backspace ：从光标处删除至行首
Ctrl+Z：撤销
Ctrl+Y：恢复撤销
Ctrl+J：合并行（已选择需要合并的多行时）
Ctrl + [：选中内容向左缩进
Ctrl + ]：选中内容向右缩进

3.选择
Alt+F3：选中关键词后，选中所有相同的词。可以配合Ctrl+D使用。
Ctrl + D Ctrl + K Ctrl + U：Ctrl + D选择当前光标所在的词并高亮该词所有出现的位置，再次Ctrl + D，会选择该词出现的下一个位置。在多重选词的过程中，Ctrl + K会将当前选中的词进行跳过在多重选词的过程中，Ctrl + U进行回退
Ctrl+L ：选择光标所在整行
Ctrl+X：删除光标所在行
Ctrl + J：把当前选中区域合并为一行
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身

4.查找
（如果有窗口弹出都是Esc退出弹出窗口）
Ctr+p：输入@显示容器（css或者js里面）
Ctrl + F：调出搜索框
Ctrl + H：调出替换框进行替换
Ctrl + Shift + H：输入替换内容后，替换当前关键字
Ctrl + Alt + Enter：输入替换内容后，替换所有匹配关键字。(NOTE: 注意此时如果鼠标焦点在编辑窗口中，则替换失败，将鼠标焦点调到替换框中，Ctrl + Alt + Enter才会起作用)
Ctrl + Shift + F：开启多文件搜索&替换
Alt + C：切换大小写敏感（Case-sensitive）模式
Alt + W：切换整字匹配（Whole matching）模式
Alt + R：切换正则匹配模式的开启/关闭

5.跳转
Ctrl + P：列出当前打开的文件（或者是当前文件夹的文件），输入文件名然后 Enter 跳转至该文件，输入@symbol跳转到symbol符号所在的位置，输入#keyword跳转到keyword所在的位置，输入:n跳转到文件的第n行
Ctrl + R：列出当前文件中的符号（例如类名和函数名，但无法深入到变量名），输入符号名称 Enter 即可以跳转到该处。
会列出Markdown文件的大纲
F12：快速跳转到当前光标所在符号的定义处（Jump to Definition）。比如当前光标所在为一个函数调用，F12会跳转至该函数的定义处。
Ctrl + G：输入行号以跳转到指定行
Ctrl+M：跳转到括号另一半。

6.窗口和Tab页
Ctrl + N：在当前窗口创建一个新标签
Ctrl + Shift + N：创建一个新窗口（该快捷键和搜狗输入法快捷键冲突）
Ctrl + W：关闭标签页，如果没有标签页了，则关闭该窗口
Ctrl+Shift+W：关闭所有打开文件
Ctrl + Shift + T：恢复刚刚关闭的标签。
Ctrl +Tag：移动标签。

7.屏幕
F11：切换普通全屏
Shift + F11：切换无干扰全屏
Alt + Shift + 2：进行左右分屏
Alt + Shift + 8进行上下分屏
Alt + Shift + 5进行上下左右分屏（即分为四屏）
Ctrl + 数字键：跳转到指定屏
Ctrl + Shift + 数字键：将当前屏移动到指定屏

4.主题

官网“主题”标签：复制名字像插件一样安装和移除
主题：个人理解指的是，图标样式
配色：个人理解指的是，字体颜色
我使用的主题：
- Guna：我觉得他图标好看
- Predawn：
- Theme - Spacegray
- Theme - Afterglow
- Seti_UI
- DA UI
- Theme - DC
我使用的配色：
- monokai：这个最经典了吧
- Predawn：也可以
参考：2017 年最佳 Sublime Text 3 主题
制作：如何优雅使用Sublime Text3（Sublime设置豆沙绿背景色和自定义主题）

5.字体

Consolas ：（用这个了）
Comic Sans Ms
DejaVu Sans Mono
microsoft yahei(微软雅黑)
Microsoft Yahei UI：(微软雅黑增强版)
Ubuntu Mono
Material theme
Courier New

Sublime Text 3 绝对神器

1.官网

2.插件

3.快捷键

4.主题

5.字体

猜你喜欢