Sublime Text 高级技巧

Tips

本教程详细介绍了Sublime Text的高级使用技巧，适用于Sublime Text 3和Sublime Text 4版本。

1. Sublime Text简介

Sublime Text是一款轻量、强大、跨平台的代码编辑器，以其速度快、界面美观和高度可定制性而广受开发者欢迎。虽然它是付费软件，但提供无限期的评估期，且定价合理。

1.1 主要特点

  • 极致性能：即使处理大文件也能保持流畅
  • 跨平台：支持Windows、macOS和Linux
  • 强大的包管理系统：通过Package Control扩展功能
  • 高度可定制：几乎所有功能都可以自定义
  • 分屏编辑：支持多窗口、多面板布局
  • 强大的搜索功能：支持正则表达式和多文件搜索
  • 代码片段：可自定义的代码片段库
  • 宏和重放功能：记录和回放操作序列

1.2 版本对比

Sublime Text目前有两个主要版本：

Sublime Text 3：

  • 广泛使用的稳定版本
  • 完善的插件生态系统

Sublime Text 4：

  • 最新版本，带来多项改进
  • GPU渲染支持
  • 标签页管理增强
  • 更好的主题支持
  • 改进的UI和自定义选项

2. 安装与基本设置

2.1 安装

Windows安装：

  1. 访问官方网站下载安装程序
  2. 运行安装程序，按照提示完成安装

macOS安装：

  1. 下载.dmg文件
  2. 打开.dmg文件，将Sublime Text拖到Applications文件夹

Linux安装：

# Ubuntu/Debian
wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
sudo apt-get install apt-transport-https
echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
sudo apt-get update
sudo apt-get install sublime-text

# CentOS/RHEL
sudo rpm -v --import https://download.sublimetext.com/sublimehq-rpm-pub.gpg
sudo yum-config-manager --add-repo https://download.sublimetext.com/rpm/stable/x86_64/sublime-text.repo
sudo yum install sublime-text

2.2 安装Package Control

Package Control是Sublime Text的包管理器，几乎是必备工具：

  1. 打开Sublime Text
  2. 使用快捷键Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(Mac)打开命令面板
  3. 输入"Install Package Control"并选择
  4. 等待安装完成

或通过菜单：Tools > Install Package Control

2.3 基本设置

Sublime Text通过JSON文件进行配置。打开用户设置： Preferences > Settings或使用快捷键Ctrl+,

推荐基本设置：

{
  "font_size": 12,
  "font_face": "Consolas",
  "line_padding_top": 2,
  "line_padding_bottom": 2,
  "word_wrap": true,
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "highlight_line": true,
  "show_encoding": true,
  "show_line_endings": true,
  "save_on_focus_lost": true,
  "rulers": [80, 120],
  "always_show_minimap_viewport": true,
  "scroll_past_end": true,
  "trim_trailing_white_space_on_save": true,
  "ensure_newline_at_eof_on_save": true
}

3. 必备快捷键

3.1 导航快捷键

  • Ctrl+P：快速打开文件
  • Ctrl+G：跳转到指定行
  • Ctrl+R：查找文件中的函数/标记
  • Ctrl+Shift+R：查找项目中的函数/标记
  • Alt+数字：切换到对应标签页
  • Ctrl+Page Down/Page Up：在标签页之间切换
  • Ctrl+Tab：在最近使用的文件之间切换
  • F12：跳转到定义（需要安装插件）

3.2 编辑快捷键

  • Ctrl+D：选择当前单词（多次按下选择下一个相同单词）
  • Ctrl+L：选择当前行
  • Ctrl+Shift+L：在所有选中行添加光标
  • Ctrl+J：合并选中的行
  • Ctrl+Shift+D：复制当前行
  • Ctrl+Shift+K：删除当前行
  • Ctrl+]：缩进
  • Ctrl+[：减少缩进
  • Ctrl+/：注释/取消注释
  • Ctrl+Shift+/：块注释
  • Alt+F3：选中所有匹配项

3.3 查找替换

  • Ctrl+F：查找
  • Ctrl+H：替换
  • Ctrl+Shift+F：在文件中查找
  • F3/Shift+F3：查找下一个/上一个
  • Alt+Enter：选择所有匹配项

3.4 多光标编辑

  • Ctrl+鼠标点击：在点击位置添加光标
  • Ctrl+Alt+↑/↓：向上/向下添加光标
  • Esc：返回单光标模式

4. 高级功能与技巧

4.1 命令面板

命令面板（Command Palette）是访问Sublime Text功能的中心：

  • 打开方式：Ctrl+Shift+P
  • 常用命令搜索：
    • "Set Syntax: "：设置语法
    • "Package Control: "：包管理功能
    • "Preferences: "：设置项目

4.2 项目管理

Sublime Text项目允许组织相关文件：

  1. Project > Save Project As...保存当前窗口为项目
  2. Project > Add Folder to Project...添加目录
  3. 编辑项目文件（.sublime-project）定制项目设置

示例项目文件：

{
  "folders": [
    {
      "path": "src",
      "folder_exclude_patterns": ["node_modules", "dist"],
      "file_exclude_patterns": ["*.log"]
    }
  ],
  "settings": {
    "tab_size": 4
  },
  "build_systems": [
    {
      "name": "Build Project",
      "cmd": ["npm", "run", "build"]
    }
  ]
}

4.3 代码片段

自定义代码片段可以大幅提高编码效率：

  1. Tools > Developer > New Snippet...
  2. 编辑代码片段模板

示例HTML代码片段：

<snippet>
  <content><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>${1:Document}</title>
</head>
<body>
  $0
</body>
</html>
]]></content>
  <tabTrigger>html5</tabTrigger>
  <scope>text.html</scope>
  <description>HTML5 Template</description>
</snippet>

保存为html5.sublime-snippet到User包目录。

4.4 宏

宏可以记录和回放一系列操作：

  1. Tools > Record Macro开始录制
  2. 执行操作序列
  3. Tools > Stop Recording Macro停止录制
  4. Tools > Save Macro...保存宏

示例用途：格式化JSON、生成序列、批量编辑等

4.5 正则表达式搜索

Sublime Text支持强大的正则表达式搜索和替换：

  1. 打开搜索栏：Ctrl+F
  2. 开启正则表达式模式：点击搜索栏的.*按钮
  3. 使用捕获组和反向引用进行高级替换

示例：将function name() {}替换为const name = () => {}

  • 搜索：function\s+(\w+)\s*\(\)\s*\{
  • 替换：const $1 = () => {

5. 必备插件

5.1 开发增强插件

  1. SublimeLinter：代码质量检查框架

    • 安装：Package Control: Install Package > "SublimeLinter"
    • 根据语言需要安装特定的linter，如SublimeLinter-eslint

  2. Emmet：HTML/CSS快速编写工具

    • 使用简写快速生成HTML/CSS代码
    • 示例：div.container>ul.list>li*5 + Tab

  3. DocBlockr：自动生成文档注释

    • 支持JavaScript, PHP, Python等语言
    • 使用：在函数上方输入/**然后按Tab

  4. Git/GitGutter：Git集成

    • 显示行修改状态
    • 提供Git命令接口

5.2 代码导航插件

  1. Bracket Highlighter：括号高亮和匹配

    • 高亮显示匹配的括号、标签等

  2. SideBarEnhancements：增强侧边栏功能

    • 提供额外的文件操作

  3. A File Icon：文件图标

    • 为不同文件类型显示对应图标

  4. Origami：窗口布局管理

    • 轻松创建和管理分屏布局

5.3 代码补全与语法支持

  1. LSP：Language Server Protocol支持

    • 提供智能代码补全和错误检查
    • 需要安装对应语言的LSP服务器

  2. Babel：现代JavaScript语法支持

    • 支持ES6+、JSX等语法高亮

  3. Vue Syntax Highlight：Vue.js语法支持

    • 单文件组件(.vue)语法高亮

  4. PHP Companion：PHP开发增强

    • 自动导入类、生成构造函数等

6. 自定义主题与UI

6.1 安装主题

  1. 通过Package Control安装：

    • Package Control: Install Package > 搜索主题名称
    • 流行主题：Material Theme、Ayu、One Dark等

  2. 应用主题：

    • Preferences > Select Theme选择颜色主题
    • Preferences > Select Color Scheme选择代码配色

6.2 自定义UI

自定义Sublime Text界面：

{
  "theme": "Adaptive.sublime-theme",
  "color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme",
  "font_face": "JetBrains Mono",
  "font_size": 13,
  "line_padding_top": 2,
  "line_padding_bottom": 2,
  "highlight_modified_tabs": true,
  "bold_folder_labels": true,
  "show_tab_close_buttons": true,
  "indent_guide_options": ["draw_normal", "draw_active"],
  "always_show_minimap_viewport": true,
  "overlay_scroll_bars": "system"
}

6.3 创建自定义主题

  1. 创建.sublime-color-scheme文件
  2. 定义颜色和样式规则

简单示例：

{
  "name": "My Custom Theme",
  "author": "记得晚安(JDWA)",
  "variables": {
    "blue": "#6A9FFF",
    "red": "#FF6A6A",
    "green": "#6AFF9F",
    "background": "#292D3E",
    "foreground": "#D4D4D4"
  },
  "globals": {
    "background": "var(background)",
    "foreground": "var(foreground)",
    "caret": "#FFCC00",
    "selection": "#3A3D41",
    "selectionBorder": "#3A3D41",
    "lineHighlight": "#2F334D"
  },
  "rules": [
    {
      "name": "String",
      "scope": "string",
      "foreground": "var(green)"
    },
    {
      "name": "Keyword",
      "scope": "keyword",
      "foreground": "var(blue)"
    },
    {
      "name": "Function name",
      "scope": "entity.name.function",
      "foreground": "var(red)"
    }
  ]
}

7. 性能优化

7.1 提高启动速度

  1. 减少插件数量：

    • 禁用不常用的插件：Package Control: Disable Package
    • 仅保留必要的插件

  2. 优化设置：

    {
  "index_files": false,
  "index_workers": 2,
  "hardware_acceleration": "opengl",
  "gpu_window_buffer": true
}

  3. 清理缓存：

    • 删除Cache目录（关闭Sublime Text后）
    • 通常位于用户包目录下

7.2 大文件处理

处理大文件时的优化：

{
  "large_file_size": 5,
  "word_wrap": false,
  "fold_buttons": false,
  "draw_minimap_border": false,
  "highlight_line": false,
  "line_numbers": false,
  "gutter": false,
  "atomic_save": false
}

7.3 垂直选择与列编辑

  1. 按住鼠标中键并拖动（或按住Shift+右键拖动）
  2. 或使用Ctrl+Alt+↑/↓添加多光标

示例用途：

  • 编辑表格数据
  • 批量添加前缀/后缀
  • 创建递增序列：使用Alt+N插件

8. 编程语言专用技巧

8.1 Web开发（HTML/CSS/JavaScript）

  1. 格式化代码：

    • 安装HTML/CSS/JS Prettify插件
    • 使用Ctrl+Shift+H格式化代码

  2. HTML特定技巧：

    • Emmet: div.container>header+main+footer + Tab
    • 自动闭合标签：输入</自动补全

  3. CSS特定技巧：

    • 颜色预览：安装Color Highlighter插件
    • 选择器完成：输入选择器的开头，按Ctrl+Space

  4. JavaScript特定技巧：

    • ESLint集成：安装SublimeLinter-eslint
    • 代码导航：使用Sublime Lsp插件

8.2 Python开发

  1. 设置Python环境：

    • 安装Anaconda或LSP-pyright插件
    • 配置Python解释器路径

  2. Python专用功能：

    • PEP8格式化：安装Python PEP8 Autoformat
    • 虚拟环境支持：使用Project设置中的"python_interpreter"字段

  3. 调试集成：

    • 安装Debugger插件
    • 配置调试参数

8.3 Java/C++开发

  1. Java支持：

    • 安装LSP-jdtls插件
    • 配置JDK路径

  2. C/C++支持：

    • 安装LSP-clangd插件
    • 配置编译器和包含路径

  3. 构建系统：

    • 创建自定义构建系统：Tools > Build System > New Build System
    • 配置命令和参数

9. 高级自定义

9.1 自定义键绑定

创建自定义快捷键：

  1. Preferences > Key Bindings
  2. 在右侧用户设置添加绑定

示例：

[
  { "keys": ["alt+d"], "command": "duplicate_line" },
  { "keys": ["ctrl+alt+b"], "command": "toggle_side_bar" },
  { "keys": ["f5"], "command": "refresh_folder_list" },
  {
    "keys": ["alt+m"],
    "command": "markdown_preview",
    "args": {"target": "browser", "parser": "markdown"}
  }
]

9.2 自定义构建系统

创建自定义构建系统运行项目：

  1. Tools > Build System > New Build System
  2. 配置命令和环境

Node.js项目示例：

{
  "cmd": ["npm", "run", "dev"],
  "working_dir": "$project_path",
  "selector": "source.js",
  "shell": true,
  "env": {"NODE_ENV": "development"}
}

9.3 插件开发基础

Sublime Text插件使用Python开发：

  1. Tools > Developer > New Plugin...
  2. 基本插件结构：
import sublime
import sublime_plugin

class ExampleCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        self.view.insert(edit, 0, "Hello, World!")

保存为example.py到User包目录，然后可以通过命令面板运行example命令。

10. 最佳实践与工作流

10.1 有效的项目组织

  1. 使用项目：将相关文件组织为项目
  2. 排除不必要文件：使用.sublime-project文件中的folder_exclude_patterns
  3. 项目专属设置：在项目文件中定义特定的设置

10.2 搜索与导航技巧

高效搜索文件和代码：

  • 使用Ctrl+P进行模糊搜索
  • 在搜索中使用前缀：
    • @：在当前文件中搜索符号
    • #：在当前文件中搜索词语
    • :：跳转到指定行
    • 组合使用：filename.js@functionName

10.3 生产力提升策略

  1. 学习快捷键：每天学习一个新快捷键
  2. 创建代码片段：自动化重复的代码模式
  3. 使用命令面板：通过命令面板快速访问功能
  4. 自定义工作流：针对特定类型项目创建专用构建系统
  5. 正确使用多光标：用于批量编辑，而不是重复相同的编辑操作

结语

Sublime Text是一款强大而灵活的编辑器，掌握本文介绍的高级技巧可以显著提高您的开发效率。根据个人需求定制编辑器，建立适合自己的工作流，将帮助您充分发挥Sublime Text的潜力。持续学习和实践这些技巧，您将能够更高效地完成开发任务。