Sublime Text 基础教程（个人总结）

爱吃辣椒的年糕

已于 2024-05-18 17:34:29 修改

阅读量1.2k

点赞数 11

分类专栏：工具教程文章标签： sublime text 编辑器深度学习 php json java python

于 2024-05-18 14:31:26 首次发布

本文链接：https://blog.csdn.net/qq_16064553/article/details/139024969

版权

工具教程专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Sublime Text 是一款广受欢迎的代码编辑器，以其简洁的界面和强大的功能而著称。它支持多种编程语言，具有高效的代码编辑和管理功能。本教程将详细介绍如何使用 Sublime Text，从安装到高级使用技巧，帮助你充分利用这款工具。

1. 安装和配置

1.1 下载和安装

下载 Sublime Text：
- 前往 Sublime Text 官方网站。
- 根据你的操作系统（Windows、macOS 或 Linux）选择合适的版本下载。
安装 Sublime Text：
- Windows：运行下载的安装程序，按照提示完成安装。
- macOS：将下载的 Sublime Text.app 拖到 Applications 文件夹。
- Linux：根据系统的包管理器安装，如使用 sudo apt-get install sublime-text（Ubuntu）或 sudo dnf install sublime-text（Fedora）。

1.2 配置 Sublime Text

打开 Sublime Text。
配置 Sublime Text：
- 选择 Preferences -> Settings 打开配置文件。你会看到两个窗口：左边是默认配置，右边是用户配置。
- 在右侧的用户配置文件中添加或修改设置。

示例配置：

{
    "font_size": 12,
    "ignored_packages": [
        "Vintage"
    ],
    "theme": "Adaptive.sublime-theme",
    "color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme",
    "auto_complete": true,
    "word_wrap": true,
    "tab_size": 4,
    "translate_tabs_to_spaces": true
}

2. 基本操作

2.1 界面介绍

菜单栏：包含文件、编辑、查找、查看、工具、项目、首选项等菜单。
侧边栏：显示打开的文件和项目目录。可以通过 View -> Side Bar -> Show Side Bar 显示或隐藏。
编辑区：主工作区，用于编写和查看代码。
状态栏：显示当前文件的编码、行列位置等信息。

2.2 打开和保存文件

打开文件：
- 使用菜单 File -> Open File...，或者使用快捷键 Ctrl + O。
- 还可以拖放文件到编辑器窗口中打开。
保存文件：
- 使用菜单 File -> Save，或者使用快捷键 Ctrl + S。
另存为：
- 使用菜单 File -> Save As...，或者使用快捷键 Ctrl + Shift + S。

2.3 多标签操作

新建标签：使用菜单 File -> New File 或快捷键 Ctrl + N。
切换标签：使用快捷键 Ctrl + Tab，或点击标签栏进行切换。
关闭标签：点击标签上的关闭按钮，或使用快捷键 Ctrl + W。

3. 代码编辑

3.1 代码高亮

Sublime Text 支持多种编程语言的代码高亮，可以自动识别文件类型并应用相应的高亮规则。

示例：当你打开一个 Python 文件时，Sublime Text 会自动应用 Python 语法高亮。你也可以通过右下角的语言选择器手动切换文件类型。

3.2 自动补全

Sublime Text 提供智能代码补全功能，可以根据上下文自动补全代码。输入部分关键字后，按 Tab 键可以选择建议的补全项。

示例：输入 pri，然后按 Tab，Sublime Text 会自动补全为 print。

3.3 代码折叠

代码折叠功能允许你折叠不需要查看的代码块，以保持代码的简洁。点击行号左侧的三角图标可以折叠或展开代码块。

示例：在一个长函数内，可以折叠其中的部分代码，使编辑时更加简洁。

3.4 多光标编辑

按住 Ctrl 键并点击鼠标左键可以添加多个光标，同时编辑多个位置的代码。使用 Ctrl + Shift + L 可以选择多行后进行多行编辑。

示例：需要在多行代码的末尾添加相同的内容时，可以使用多光标编辑，同时在所有行末尾输入内容。

3.5 搜索和替换

快速搜索：按 Ctrl + F 打开搜索框，输入关键字进行搜索。
替换：按 Ctrl + H 打开替换框，输入搜索和替换的关键字。
文件内搜索：按 Ctrl + Shift + F 打开全局搜索框，可以在整个项目中搜索关键字。

示例：要在整个项目中将 foo 替换为 bar，可以使用全局搜索和替换功能。

4. 插件管理

4.1 安装 Package Control

打开 Sublime Text，按 `Ctrl + `` 打开控制台。

输入以下代码并按回车安装 Package Control：

import urllib.request,os,hashlib; h = 'a0e3e7fd12b20a8b70121a5aa4c4e42f' + '8cf1e9e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler())); by = urllib.request.urlopen( 'https://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else open(os.path.join(ipp, pf), 'wb' ).write(by))

4.2 使用 Package Control 安装插件

按 Ctrl + Shift + P 打开命令面板。
输入 Package Control: Install Package 并回车。
输入你要安装的插件名称并选择安装。

4.3 常用插件推荐

Emmet：提高 HTML 和 CSS 编写效率的插件。
- 安装：使用 Package Control 安装 Emmet。
- 使用：在 HTML 或 CSS 文件中，输入简写代码后按 Tab 键自动展开。例如，输入 div>ul>li*5 后按 Tab，会生成一个包含 5 个 li 元素的 div 结构。
SublimeLinter：代码语法检查插件。
- 安装：使用 Package Control 安装 SublimeLinter 和相应语言的 linter 插件（如 SublimeLinter-pylint）。
- 使用：在编写代码时，SublimeLinter 会自动检查代码语法，并在错误处显示提示。
GitGutter：在编辑器中显示 Git 修改状态。
- 安装：使用 Package Control 安装 GitGutter。
- 使用：在编辑文件时，GitGutter 会在行号旁边显示修改状态，如新增、修改或删除的行。
BracketHighlighter：高亮匹配的括号和标签。
- 安装：使用 Package Control 安装 BracketHighlighter。
- 使用：在编辑代码时，BracketHighlighter 会自动高亮匹配的括号、括弧和标签，方便代码阅读和调试。

5. 自定义语法和 Snippets

5.1 自定义语法

自定义语法高亮可以帮助你更好地阅读和编写代码。你可以通过编写 .sublime-syntax 文件来自定义语法。

示例：创建一个简单的自定义语法高亮文件。

在 Packages/User 目录下创建一个名为 example.sublime-syntax 的文件。

在文件中输入以下内容：

%YAML 1.2
---
name: Example Syntax
file_extensions:
  - example
scope: source.example

contexts:
  main:
    - match: \b(if|else|for|while|return)\b
      scope: keyword.control.example
    - match: \b(true|false|null)\b
      scope: constant.language.example
    - match: '"'
      scope: punctuation.definition.string.begin.example
      push: string

  string:
    - meta_scope: string.quoted.double.example
    - match: '"'
      scope: punctuation.definition.string.end.example
      pop: true
    - match: '\\.'
      scope: constant.character.escape.example

保存文件，重新启动 Sublime Text。

5.2 自定义 Snippets

Snippets 是预定义的代码模板，可以通过快捷键快速插入。你可以自定义 Snippets 来提高编码效率。

示例 Snippet：

选择 Tools -> Developer -> New Snippet...

输入以下内容并保存为 html_template.sublime-snippet：

<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>
</snippet>

保存文件，重新启动 Sublime Text。
在 HTML 文件中输入 html5 并按 Tab 键，可以快速插入 HTML5 模板。

6. 使用 Git

6.1 安装 Git 插件

使用 Package Control 安装 Git 插件。
使用 Package Control 安装 GitGutter 插件。

6.2 基本 Git 操作

初始化 Git 仓库：
- 打开命令面板，输入 Git: Init 并回车。
提交更改：
- 打开命令面板，输入 Git: Add All 并回车，添加所有更改到暂存区。
- 输入 Git: Commit 并回车，输入提交信息后提交更改。
推送到远程仓库：
- 打开命令面板，输入 Git: Push 并回车，将本地提交推送到远程仓库。

6.3 查看 Git 状态

查看文件修改状态：
- 在编辑文件时，GitGutter 会在行号旁边显示修改状态，如新增、修改或删除的行。
查看提交历史：
- 打开命令面板，输入 Git: Log 并回车，可以查看提交历史。

7. 代码编译和运行

7.1 配置构建系统

Sublime Text 支持通过自定义构建系统来编译和运行代码。你可以为不同的编程语言配置不同的构建系统。

示例：配置一个简单的 Python 构建系统。

选择 Tools -> Build System -> New Build System...

输入以下内容并保存为 Python.sublime-build：

{
    "cmd": ["python3", "-u", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "selector": "source.python",
    "shell": true
}

保存文件，选择 Tools -> Build System -> Python。

7.2 编译和运行代码

打开要编译和运行的代码文件。
按 Ctrl + B 编译和运行代码。
结果会显示在 Sublime Text 的输出窗口中。

示例：编译和运行一个简单的 Python 程序。

print("Hello, World!")

按 Ctrl + B，输出窗口中会显示 Hello, World!。

8. 高级技巧

8.1 快捷键自定义

选择 Preferences -> Key Bindings 进入快捷键配置文件。
在用户配置文件中添加自定义快捷键。

示例配置：

[
    {
        "keys": ["ctrl+alt+n"],
        "command": "new_file"
    },
    {
        "keys": ["ctrl+alt+o"],
        "command": "prompt_open_file"
    }
]

8.2 自定义 Snippets

Snippets 是代码片段，可以通过快捷键快速插入。你可以自定义 Snippets 来提高编码效率。

示例 Snippet：

选择 Tools -> Developer -> New Snippet...

输入以下内容并保存为 html_template.sublime-snippet：

<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>
</snippet>

保存文件，重新启动 Sublime Text。
在 HTML 文件中输入 html5 并按 Tab 键，可以快速插入 HTML5 模板。

8.3 项目管理

Sublime Text 支持项目管理，可以方便地管理和切换多个项目。

新建项目：选择 Project -> Add Folder to Project... 添加项目文件夹，然后选择 Project -> Save Project As... 保存项目。
切换项目：选择 Project -> Quick Switch Project 或使用快捷键 Ctrl + Alt + P。

9. 常用快捷键

文件操作：
- 新建文件：Ctrl + N
- 打开文件：Ctrl + O
- 保存文件：Ctrl + S
- 另存为：Ctrl + Shift + S
- 关闭文件：Ctrl + W
- 切换标签：Ctrl + Tab
编辑操作：
- 撤销：Ctrl + Z
- 重做：Ctrl + Y
- 剪切：Ctrl + X
- 复制：Ctrl + C
- 粘贴：Ctrl + V
- 全选：Ctrl + A
查找和替换：
- 查找：Ctrl + F
- 替换：Ctrl + H
- 文件内查找：Ctrl + Shift + F
视图操作：
- 显示/隐藏侧边栏：Ctrl + K, Ctrl + B
- 切换全屏：F11
- 切换无干扰模式：Shift + F11
多光标编辑：
- 添加多个光标：Ctrl + 鼠标左键
- 选择多个行：Ctrl + Shift + L
- 多光标选择下一个：Ctrl + D

10. 常见问题和解决方案

问题1：Sublime Text 启动慢

解决方案：

清理未使用的插件。
检查配置文件中是否有影响性能的设置。

问题2：插件无法安装

解决方案：

检查网络连接是否正常。
手动安装插件，将插件文件下载后放入 Installed Packages 目录。

问题3：代码高亮不正确

解决方案：

确认文件类型是否正确识别，可以在右下角切换文件类型。
安装对应语言的插件，提升高亮支持。

通过本教程，你已经了解了如何从零基础开始使用 Sublime Text，从安装、基本操作、代码编辑到插件管理和高级技巧。希望本教程对你有所帮助！

爱吃辣椒的年糕

关注

11
点赞
踩
30

收藏

觉得还不错? 一键收藏
打赏
0
评论
Sublime Text 基础教程（个人总结）

菜单栏：包含文件、编辑、查找、查看、工具、项目、首选项等菜单。侧边栏：显示打开的文件和项目目录。可以通过View->Side Bar->显示或隐藏。编辑区：主工作区，用于编写和查看代码。状态栏：显示当前文件的编码、行列位置等信息。自定义语法高亮可以帮助你更好地阅读和编写代码。你可以通过编写文件来自定义语法。示例：创建一个简单的自定义语法高亮文件。在目录下创建一个名为的文件。
复制链接

扫一扫