简介
Sublime Text 3是一个神奇的文本编辑器,适合程序员、作家。它有很多亮点功能,比如多选择、Go Anything、命令面板。多选择可以让你同时编辑多出代码,Got Anything 像它名字一样你可以快速跳转都某个文件的某行、某个文件的某个符号(变量、方法等)。而且它跨平台、启动速度惊人、支持大量的插件。当然它也是一个收费的软件,不过你可以无限期试用,只要你能忍受它偶尔的弹窗。
- 官网:http://www.sublimetext.com/
- 官方文档: https://www.sublimetext.com/docs/3/
- 官方中文文档: http://feliving.github.io/Sublime-Text-3-Documentation/index.html
- 非官方文档(推荐): https://docs.sublimetext.info/en/latest/index.html
- 在线包浏览: https://packagecontrol.io/
特殊功能
快速是Sublime的特色。你可以快速的跳转到某文件的某地方,快速执行命令而不用去点击繁琐的菜单栏,快速的修改某处代码。
多选择(Multiple Selections)
以下展示了对一个多行文本进行,<li>
标签包裹,并为每个添加css属性,然后为某个li添加特别的css属性。
- ctrl + 鼠标左键单击;单击处参数多个光标
- ctrl + 鼠标右键垂直拖动:会在垂直不同行产生多个光标
- 选中区域,执行
ctrl + shift + l
会将光标分隔到每行,等价于执行菜单Selection -> Split to lines
快速跳转到任何地方G(oto Anyting)
从当前html文件,快速跳转到css文件中的,.container
这个类选择器。有时你知道某行你也可以直接跳转到指定行。
执行菜单栏的Goto
,或者执行快捷键ctrl + p
调出goto anyting面板,然后输入:
- 输入你要查找的文件名称,此次提供了强大的模糊查找。
- 输入
@
跳转到某个符号,或者直接执行ctrl + r
跳转到当前文件的符号。 - 输入
:
,接着输入3:3
,代表跳转到3行3列。或者直接执行ctrl + g
跳转到某一行。
更多的跳转功能功能,在菜单Goto
中,包括跳转到文件、符号、行、历史光标位置、匹配的括号等。
多屏编辑(Split Editing)
你可以在同一个视图下编辑多个文件,执行菜单View -> layout
,可以将多个文件在同一视角下展示。
免分心模式(Distraction Free Mode)
菜单View -> Enter distraction free mode
, 进入全屏、只显示编辑区域和菜单,让你更专心的编写代码。不过你可以自定显示状态栏、菜单栏等。
命令面板(Command Palette)
有了命令面板,你可以在不用记大量的快捷键也能快速执行命令,按ctrl + shift + p
调出命令面板,输入命令的名称。下面是使用命令面板修改视图:
自定义任何内容(Customize Anything)
代码段,自定义代码段。比如console.log("failed");
,此时你可以定义一个前缀比如log
,然后在弹出的提示框选中即可。
宏定义,记录你当前的操作,然后你可以重复执行这段操作。
基本使用
以菜单为路线介绍如何使用subliem。此处不会介绍快捷键,快捷键请参考软件菜单提示。
文件(File)
大概就是打开、关闭、设置文件编码等。Open Recent
可以打开历史文件,或者使用ctrl + shift + t
。
编辑(Edit)
这个菜单包含了大多数编辑代码的命令,比如:复制粘贴、行处理(复制,删除..)、注释、标记、大小写等。
- Past and Indent: 粘贴,并保持粘贴块缩进
- Past from Histroy: 从复制的历史记录里粘贴
- Line:行,行的缩进、反缩进、重置所有选中缩进、上下移动当前行、复制和删除当前行、行合并
- Comment: 注释,行注释、块注释
- Text: 文字相关的操作---当前行前或后插入新行、删除到单词首或尾巴、删除到行首或尾巴
- Tag: 标记相关,添加关闭标记、展开选中区域的标记、选中区域包裹标签
- Mark: 这只一个标志,接下来可以执行 选中到标志位置、删除到标记位置、标记包裹到标志位置、清除标志
- Code Foding: 代码折叠
- Conver to Case: 大小写转换
- Show Complitions: 显示完成提示
- Soft Lines: 行排序,对选中区域的行进行
- Permute Lines: 变换行,包括 翻转(行反序)、去重、随机打乱
- Permute Selections: 同上,不过处理对象时多个选中区域
选中(Selection)
包含了对文本的选中功能,例如:选中到每一行、反转选择区域等。
- Split into Lines: 将选中的区域,分隔成多个选中区域,即每一行,可以实现多行编辑功能
- Add previous Line: 垂直向上增加一个光标,实现多行编辑功能,此处快捷键默认被核心显卡占用
- Add next Line: 同上,只是此处是向下
- Single Selection: 变为单选状态,快捷键
Esc
键 - Inverse Selection: 翻转选中区域
- Select Selection to ...: 选中区域到..., 行、单词、小节、当前范围(方法、循环、类)、括号、缩进位置、html标记
查找(Find)
查找先关的,包含了很多快捷查找功能、选中区域内查找。
- Quick Find: 快速查找当前单词,并跳转
- Quick Find All: 快速查找当前单词,并选中
- Quick Add Next: 添加下一个,与当前单词匹配的单词
- Quick Skip Next: 跳过下一个添加
- Use Selection for Find/Replace: 在选中的区域内进行 查找、替换
视图(View)
界面布局、何种语法高亮当前文件、特殊符号的处理(tab/行结束符)、自动换行(软中断)、拼写检查。
- Enter full Screen: 进入全屏
- Enter Distraction Free Mode: 进入面打扰模式(只显示主要的区域)
- Layou/Group: 多视图显示文件,分组和layou类似
- Syntax: 语法,选中以html/java...什么高亮展示内容
- Indention: 主要指定tab显示的宽度
- Line Encoding: 不同操作系统区分文件换行的符号不一致,这里可以选着windows\linux
- Soft Wrap: 自动换行,只是视图上的,实际上也只有一行,可以设置换行的宽度,以及垂直参考线
跳转(Goto)
你可以快速跳转到文件、符号、变量定义处、行、历史光标位置,书签等功能。
- Goto anyting: 跳转到任何地方
- Goto Symble...: 某个定义的符号(变量...), 也可以在整个项目中跳转
- Goto Define: 跳转到定义的地方(变量、css选择器等)
- Jump Back: 跳转到上一个光标的位置
- Jump Forward: 同上,只是反向跳转而已
- Bookmarkes: 书签,对于下次可以处理的地方,下次可以在书签中快速跳转
- Scroll: 滚动方式,可以滚动而光标不动
- Jump to matching Brackets: 跳转到成对的符号的另一个
工具(Tools)
包含了命令面板、代码段、构建系统、宏、插件开发此处工具特别有用,将在后面章节讲解。
项目(Project)
作为一款文本编辑器,sublime提供了项目的概念。通过.sublime-project的json文件保存了项目相关的信息。
- Save Project as: 首先你的为你打开的文件夹,保存一个.sublime-project文件,从而形成项目的概念。并自动给你保存一个.sublime-workspace的文件保存工作空间的信息,比如当前打开的文件。
- Open Project: 打开一个项目,即选择一个.sublime-project文件
- Close Project: 关闭一个项目,此时不应该使用在打开的文件夹上右击执行
remove form project
,下次打开项目这些信息将找不到 - Add Folders to Project: 为当前项目添加文件夹
偏爱(Preference)
软件相关的设置,包等。sublime是通过json文件来设置、配置快捷键,ui智能设置几个属性,字体,主题。
- Setting: 会打开2个文件,默认的配置文件,和用户自定配置文件。参考默认配置文件,编写用户自定配置文件。
- Setting - Syntax spacific: 针对指定语法(html/css...)进行设置
- Setting - Distraction Free: 设置针对
View -> Enter Distraction Free
进行设置。 - Key Bingdings: 按键绑定,即快捷键配置
帮助(Help)
- Document: 在线文档,教程
- Enter Lincese: 输入激活秘钥
进阶使用
代码段(Snippets)
常常使用复制粘贴来完成,使用频率较高的代码。现在可以通过代码段这个功能完成,定义一个代码段,输入简写,然后回车选中,即可生成实际的代码。
代码段格式
新建.sublime-snippet代码段文件。
执行菜单Tools -> New Snippets
, 创建一个xml文件,默认的内容如下:
<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
<tabTrigger>hello</tabTrigger>
<scope>source.python</scope>
<description>My Fancy Snippet</description
</snippet>
由四部分组成:
<content>
包裹的内容为需要生成的代码<tabTrigger>
指定触发代码段的前缀<scope>
指定在什么类型的文件中有效<description>
描述
保存文件,到安装目录的Data -> User
下,你也可以保存在该目录下创建个文件夹Snippets
。
代码段中预定义的变量
预定义的变量,包含在.sublime-snippet文件中有特殊的含义,将会转化为描述的样子。参考这里
环境变量名 | 描述 |
---|---|
$TM_FILENAME | 用户文件名 |
$TM_FILEPATH | 用户文件全路径 |
$TM_FULLNAME | 用户的用户名 |
$TM_LINE_INDEX | 插入多少列, 默认为0 |
$TM_LINE_NUMBER | 一个snippet插入多少行 |
$TM_SOFT_TABS | 如果设置translate_tabs_to_spaces : true 则为Yes |
$TM_TAB_SIZE | 每个Tab包含几个空格 |
光标跳转 ,和默认值
Hello, ${1:this} is a $2. and is a $2
,
- $后的数字代表着使用
tab
键进行跳转的次序; - 数字可以相同,意味着将产生多行编辑的效果:
${1:this}
将会填充默认值this;
构建系统(Build System)
为Sublime定义执行某类文件定义的命令。默认有多种语言的Build System, Tools -> Build System
进行选择。
创建一个新的构建系统文件
这是一个.sublime-build
格式文件的内容json格式:
{
"selector": "source.html, source.htm",
"path": "C:\\Program Files (x86)\\Google\\Chrome\\Application",
"cmd": ["chrome", "$file"],
"variants":[
{
"name": "IE",
"path": "C:\\Program Files\\Internet Explorer",
"cmd": ["iexplore", "$file"]
}
]
}
* `selector` 默认作为什么类型文件的构建系统
* `path`: 指cmd的基本目录, 可以省略
* `cmd`: 指可以在控制台执行的命令,$file为sublime预定义的变量,代表当前文件
* `variants`: 变种,按下`ctrl + shift + b`可以选择执行其中的命令
然后保存在安装目录的Package
目录下,软件会递归查找这个类型的文件。
ctrl + b
执行这个命令,将会用chrome浏览器打开html文件。ctrl + shift + b
会弹出构建系统面板选中用chome还是IE打开文件。下次执行ctrl + b
将会执行上次的选择。
关于构建系统还有很多,请参考:http://docs.sublimetext.info/en/latest/reference/build_systems.html
命令面板自定义
ctrl + shift + p
将会弹出命令面板,现在你可以添加你希望的命令条目,在弹出面板中。
新建.sublime-commands
格式的json文件,sublime会在Package目录下递归读取这个后缀的文件
[
{ "caption": "Project: Save As", "command": "save_project_as" },
{ "caption": "Project: Close", "command": "close_project" },
{ "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]
- caption: 命令的标题会在弹出面板中显示
- command: sublime提供的命令,命令列表
许多安装的包的目录下也会有.sublime-commands后缀的文件,你可以修改它们。
包
sublime通过包提供强大的扩展能力,推荐如下常用的插件,下面通过包控制器这个插件来安装以下插件
安装包控制器,ctrl + shfit + p
调出命令面板,输入install package ctron
回车确定即可。
通过包控制器,安装其他包。命令面板输入pcip
选中包控制器弹出的安装命令
有部分插件依赖于nodejs的插件,安装nodejs,安装插件命令npm install -g 插件名
编辑
*Emmet
快速编写HTML代码的神器*DocBlockr
生成文档性注释*SublimeCodeIntel
代码提示、跳转,支持多种语言包括js*HTML-CSS-JS Prettify
html/css/js代码美化,依赖nodejs插件beautifier
语法检查
*SublimeLinter
是一下几个插件的框架,以下插件依赖于它*SublimeLinter-jshint
js语法检查,依赖于nodejs插件jshint
*SublimeLinter-csslint
css语法检查,依赖于nodejs插件csslint
*SublimeLinter-htmlhint
html语法检查,依赖于nodejs插件htmlhint
*SublimeLinter-json
SublimeLinter-javac
依赖本地安装的javac,所以文件需要保持后才有检查
辅助工具
*AutoBackups
本地自动备份文件Diffy/FileDifys
文件比较,推荐前者是比较结果基于两个窗口间,而后者比较结果生成到文件中*HexViewer
十六进制查看器*IMESupport
windows操作系统下解决中文输入法面板不跟随*BracketHighlighter
Gutter区域高亮图标展示成对的符号*ConverToUTF8
自动转换文件编码AutoFileName
比如输入img的src时提示文件名, 确定总会alt输入也会提示*Color Highlighter
Css中颜色高亮liveReload
浏览器实时预览代码liveStyle
实时修改样式
版本控制
Git / GitSavvy
git集成到sublime,sublime通过命令面板执行git, 同样需要安装gitGitGutter
在gutter区域显示git状态,文件修改
界面
SyncedSidebarBg
同步侧边栏背景色
写作
OmniMarkupPreviewer
浏览器中实时浏览文件效果MarkdownEditing
帮助编辑markdown文件