你不知道的 Sublime Text 神奇用法

5 minute read

Sublime Text 几乎是所有前端开发的标配了，它提供了强大的编辑功能，出色的性能，玩遛了能几大的提升开发效率，截止目前有 3761 个插件和 953M 使用者。

Sublime Package Control

  • Nodejs build System
  • Multiple Selections
  • Project & Workspace
  • Sublime Text 便携化（绿化）
  • Goto Anything…
  • Snippets
  • Macros
  • Split Editing

Nodejs build System

nodejs 编译系统，可以用来快速的测试函数功能。

Sublime Text -> Tools -> Build System -> new Build System..

粘贴如下代码：

 1{
 2    "cmd": ["node", "$file"],
 3    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
 4    "selector": "source.js",
 5    "shell": true,
 6    "encoding": "utf-8", // 编码
 7    "windows": {
 8        // "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]  // 执行 taskkill /f /im node.exe 后执行 node xxx.js 命令
 9        "cmd": ["node", "$file"] // 执行 node xxx.js 命令
10    },
11    "linux": {
12        "cmd": ["killall node; node", "$file"]
13    },
14    "osx": {
15        "cmd": ["killall node; node $file"]
16    }
17}

保存，点击菜单 Tools -> Build 选择刚才新建的 nodejs，以后可以直接按快捷键 Ctrl + B，效果如下：

Project & Workspace

Sublime Text 自带工作空间，可以方便的在多个项目之间来回切换。使用方式如下：

Sublime Text -> Project -> Save Project As … 保存工作空间

Sublime Text -> Project -> Open Project 打开工作空间

工作空间有 Project 与 Workspace 两个概念的区别，在使用上并没有区别。

打开工作空间后，在 sublime 的标题栏处会显示当前工作空间。如图示例：

Sublime Text 便携化（绿化）

对 Sublime Text 进行绿化，实现一个文件夹打包迁移的目的，实现将 Sublime Text 放入 U 盘。

安装 sublime 时，默认的用户配置与插件的路径会安装在用户临时目录下，可以通过 Sublime Text -> Preference -> Browse Packages… 快速访问该目录。

为防止绿化过程中出现错误，先退出 sublime。

打开 sublime 临时目录，返回上一级目录，有 Install Packages、Local、Packages 三个目录，将它们剪切。

打开 Sublime Text 的安装目录，新建 Data 文件夹，将剪切的三个目录粘贴到 Data 下，完成绿化。

以后安装的插件也都会安装在 Data 目录中，客户端可以随意拷贝。

Snippets

Sublime Text 代码片段，给经常使用的语法糖或代码添加代码片段非常有用。

Sublime Text -> Tools -> New Snippet… 添加如下代码：

${1} 代表一个占位符，数字表示tab index，${0}是最后一个。或者可以有这样带描述的语法：${1:description}

还有更高级的用法，如：

${1:T} 是第一个占位符

${1/(T)|.*/(?1:s)/} 是对第一个占位符进行匹配。

格式是这样的：

${1/a|b|c|d|.*/(?1:A)(?2:B)(?3:C)(?4:D)/}（该例子是将输入的字符进行判断，abcd 转大写，其余不做处理） 拆开来是这样理解的：

Multiple Selections

Sublime Text 多点编辑，sublime 的最大特点，sublime 官网的大图就是介绍该功能。使用方式如下：

  • 连续点击 ctrl+d 选中同名字符
  • ctrl+鼠标左键 点击选择多行
  • 鼠标中间按住 拖动选择多行

Goto Anything…

Ctrol + P 快速查找文件，可以通过几个关键词模糊查询整个 workspace 中的文件。如下：

  • 输入 :50 查找行号
  • 输入 @check 查找函数
  • Goto -> Goto Definition… 快捷键 F12，快速跳转到函数定义的位置，用来查找函数定义的文件特方便。

Macros

Sublime Text 宏。

Tools -> Record Macro 录制宏

Tools -> Save Macro… 播放宏

在工作中并没有什么情况需要自己去录制一些特殊的宏。

给宏绑定快捷键，Preferences -> Key Bindings - User，配置快捷键和宏文件路径，如下：

1{ "keys": ["ctrl+enter"], "command": "run_macro_file", "args": {"file": "res://Packages/Default/Add Line.sublime-macro"} },

Split Editing

Sublime Text 分屏