2017-06-09

Sublime 笔记

什么是 sublime

Sublime Text 是一个代码编辑器（Sublime Text 2 是收费软件，但可以无限期试用），也是 HTML 和散文先进的文本编辑器。Sublime Text 是由程序员 Jon Skinner 于 2008 年 1 月份所开发出来，它最初被设计为一个具有丰富扩展功能的 Vim
本文地址：http://tigerliu.site/2017/06/sublime-1/

1. 控制台安装

按Ctrl+`调出 console（注：安装有 QQ 输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至 QQ 拼音）
粘贴以下代码到底部命令行并回车：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

重启 Sublime Text 3

如果在 Perferences->package settings 中看到 package control 这一项，则安装成功

2. Package Control 安装插件

按下Ctrl+Shift+P调出命令 js 面板
输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件

JS Format：
一个JS代码格式化插件
SublimeLinter：
一个支持lint语法的插件，可以高亮linter认为有错误的代码行
jQuery Package for sublime Text：
如果你离不开jQuery的话，这个必备
Emmet：
Emmet 项目的前身是前端开发人员熟知的 Zen Coding（快速编写 HTML/CSS 代码的方案）
AllAutocomplete：
Sublime Text 默认的 Autocomplete 功能只考虑当前的文件，而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词
SublimeREPL：
这可能是对程序员最有用的插件。SublimeREPL 允许你在 Sublime Texxt 中运行各种语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）
ColorPicker：
通常，如果你想使用一个颜色选择器
DocBlockr：
如果你遵循的编码的风格很严格，这款插件能够使你的任务更容易
SublimeCodeIntel：
代码提示工具
BracketHighlighter
：成对匹配增强，并修改括号等的颜色
ConvertToUTF8
：UTF8转换
FileDiffs：
查找文档不同
AutoFileName：
自动提示路径插件
HTML5：
Sublime Text3支持HTML5
Sass：
Sublime Text3支持Sass
Less：
Sublime Text3支持Less

3. 主题安装

常用的几款主题

Soda Theme

SoDaReloaded Theme

Flatland Theme

Material Theme

Boxy Theme

由于上面主题都已经被收录到Package Control 的数据库中，故最简单的方法是使用此方法进行安装。

使用Ctrl+Shift+P快捷键或者进入菜单：Preferences（首选项） - Package
Control（插件控制），调出命令输入框，输入Install Package 命令搜索 Theme - Soda 或者 Theme

Flatland 等，回车确认安装即可。然后依然需要使用方法一的配置方式来激活新装的主题

下面为博主常用配置：

SoDaReloaded +Flatland

备注：先分别安装 Flatland，SoDaReloaded 主题，然后进入 Preferences（首选项）->Set User(设置-用户)

{
	"color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
	"draw_shadows": false,
    //忽略node_modules、.git、cvs、.svn等开头的文件夹
	"folder_exclude_patterns":
	[
		".svn",
		".git",
		".hg",
		"CVS",
		"node_modules"
	],
	"font_size": 14,
	"ignored_packages":
	[
		"Vintage"
	],
	"soda_classic_tabs": true,
	"soda_rect_scrollbars": true,
	"soda_tabs_autowidth": true,
	"theme": "SoDaReloaded Dark.sublime-theme",
	"update_check": false,
	"word_wrap": "auto"
}

Material-Theme

备注：先安装 Material 主题，然后进入 Preferences（首选项）->Set User(设置-用户)

{
	"always_show_minimap_viewport": true,
	"bold_folder_labels": true,
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
	"draw_shadows": false,
	"folder_exclude_patterns":
	[
		".svn",
		".git",
		".hg",
		"CVS",
		"node_modules"
	],
	"font_options":
	[
		"gray_antialias"
	],
	"font_size": 13,
	"ignored_packages":
	[
		"Vintage"
	],
	"indent_guide_options":
	[
		"draw_normal",
		"draw_active"
	],
	"line_padding_bottom": 3,
	"line_padding_top": 3,
	"overlay_scroll_bars": "enabled",
	"theme": "Material-Theme.sublime-theme"
}

4. 自定义快捷键

进入 Preferences（首选项）->Key Bindings User(按键绑定-用户)

[
  { keys: ["ctrl+shift+k"], command: "find_under_expand" },
  { keys: ["ctrl+k", "ctrl+shift"], command: "find_under_expand_skip" },
  // 删除当前行
  {
    keys: ["ctrl+d"],
    command: "run_macro_file",
    args: { file: "res://Packages/Default/Delete Line.sublime-macro" }
  },
  //大小写转换
  { keys: ["ctrl+shift+z"], command: "upper_case" },
  { keys: ["ctrl+shift+x"], command: "lower_case" },
  // 复制选中行到行后
  { keys: ["ctrl+alt+down"], command: "duplicate_line" },
  // 选词(按住-继续选择下个相同的字符串)
  { keys: ["ctrl+g"], command: "find_under_expand" },
  // gb一次选中所有的
  { keys: ["ctrl+g", "ctrl+b"], command: "find_all_under" },
  // 与上行互换
  { keys: ["alt+up"], command: "swap_line_up" },
  // 与下行互换
  { keys: ["alt+down"], command: "swap_line_down" },
  { keys: ["alt+/", "alt+/"], command: "insert_best_completion" }
];

5.常用快捷键

Ctrl+Shift+T可以打开之前关闭的tab页，这点同 chrome 是一样的
Ctrl+R定位函数；
Ctrl+G定位到行；
有时我们需要对一片区域的所有行进行同时编辑，Ctrl+Shift+L可以将当前选中区域打散，然后进行同时编辑
有打散自然就有合并，Ctrl + J(mac 下 Command ＋ J)可以把当前选中区域合并为一行：
在Ctrl + P(Command+P)匹配到文件后，我们可以进行后续输入以跳转到更精确的位置
Ctrl + Enter(Mac~Command+Enter)在当前行下面新增一行然后跳至该行；
Ctrl + Shift + Enter在当前行上面增加一行并跳至该行
Ctrl + ↑/↓移动当前显示区域
Ctrl + Shift + ↑/↓移动当前行
Ctrl + N在当前窗口创建一个新标签，
Ctrl + W关闭当前标签，
Ctrl + Shift + T恢复刚刚关闭的标签
编辑代码时我们经常会开多个窗口，所以分屏很重要。
Windows 下：Alt + Shift + 2进行左右分屏，
Alt + Shift + 8进行上下分屏，
Alt + Shift + 5进行上下左右分屏（即分为四屏）
Sublime text 删除插件步骤：
“Ctrl+Shift+P”—“Remove Package”—“找到需要删除的插件，并点击即可删除”