当前位置： 首页 > news >正文

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

news 来源：原创 2024/7/1 6:03:54

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

目录

  1. 安装和配置
  2. 基本操作
  3. 代码编辑
  4. 插件管理
  5. 自定义语法和 Snippets
  6. 使用 Git
  7. 代码编译和运行
  8. 高级技巧
  9. 常用快捷键
  10. 常见问题和解决方案

1. 安装和配置

1.1 下载和安装

  1. 下载 Sublime Text：

    • 前往 Sublime Text 官方网站。
    • 根据你的操作系统（Windows、macOS 或 Linux）选择合适的版本下载。

  2. 安装 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

  1. 打开 Sublime Text。
  2. 配置 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

  1. 打开 Sublime Text，按 `Ctrl + `` 打开控制台。
  2. 输入以下代码并按回车安装 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 安装插件

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

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 文件来自定义语法。

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

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

  2. 在文件中输入以下内容：

    %YAML 1.2
---
name: Example Syntax
file_extensions:- example
scope: source.examplecontexts:main:- match: \b(if|else|for|while|return)\bscope: keyword.control.example- match: \b(true|false|null)\bscope: constant.language.example- match: '"'scope: punctuation.definition.string.begin.examplepush: stringstring:- meta_scope: string.quoted.double.example- match: '"'scope: punctuation.definition.string.end.examplepop: true- match: '\\.'scope: constant.character.escape.example

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

5.2 自定义 Snippets

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

示例 Snippet：

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

  2. 输入以下内容并保存为 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>

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

  4. 在 HTML 文件中输入 html5 并按 Tab 键，可以快速插入 HTML5 模板。

6. 使用 Git

6.1 安装 Git 插件

  1. 使用 Package Control 安装 Git 插件。
  2. 使用 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 构建系统。

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

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

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

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

7.2 编译和运行代码

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

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

print("Hello, World!")

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

8. 高级技巧

8.1 快捷键自定义

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

示例配置：

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

8.2 自定义 Snippets

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

示例 Snippet：

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

  2. 输入以下内容并保存为 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>

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

  4. 在 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，从安装、基本操作、代码编辑到插件管理和高级技巧。希望本教程对你有所帮助！

相关文章：

  • 机器学习之爬山算法（Hill Climbing Algorithm）
  • 【OpenVINO™】在C#中使用 OpenVINO™ 部署 YOLOv10 模型实现目标
  • 多线程笔记
  • 浙江大学数据结构MOOC-课后习题-第九讲-排序3 Insertion or Heap Sort
  • git多人开发,不用merge的操作方法,阿里codeup
  • 柳宗元，政治坎坷与文学辉煌的交织
  • 多线程基本常识
  • 实现按块复制元素的进阶技巧
  • 邦芒职场：揭秘影响你职场收入的九大细节
  • 15、设计模式之责任链模式
  • java入门 springboot上传文件
  • vue3 ts问题 找不到模块“@/views/home/index.vue”或其相应的类型声明。
  • STM32系列(HAL库)——F103C8T6通过HC-SR04超声波模块实现测距
  • Python进阶：探索Python标准库和第三方库
  • hive结合Hbase实现实时数据处理和批量分析
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列（实验阶段492-2019.2.25）...
  • Consul Config 使用Git做版本控制的实现
  • es的写入过程
  • HomeBrew常规使用教程
  • IndexedDB
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • java中的hashCode
  • mysql中InnoDB引擎中页的概念
  • Travix是如何部署应用程序到Kubernetes上的
  • 第13期 DApp 榜单 ：来，吃我这波安利
  • 聊聊redis的数据结构的应用
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 吐槽Javascript系列二：数组中的splice和slice方法
  • C# - 为值类型重定义相等性
  • 曜石科技宣布获得千万级天使轮投资，全方面布局电竞产业链 ...
  • ​2021半年盘点，不想你错过的重磅新书
  • ​水经微图Web1.5.0版即将上线
  • (31)对象的克隆
  • （51单片机）第五章-A/D和D/A工作原理-A/D
  • （pytorch进阶之路）扩散概率模型
  • （二）PySpark3：SparkSQL编程
  • （算法）N皇后问题
  • （心得）获取一个数二进制序列中所有的偶数位和奇数位， 分别输出二进制序列。
  • (一)appium-desktop定位元素原理
  • （已更新）关于Visual Studio 2019安装时VS installer无法下载文件，进度条为0，显示网络有问题的解决办法
  • （转） ns2/nam与nam实现相关的文件
  • （转）es进行聚合操作时提示Fielddata is disabled on text fields by default
  • (转）可以带来幸福的一本书
  • (轉貼) 資訊相關科系畢業的學生，未來會是什麼樣子？(Misc)
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .NET Core Web APi类库如何内嵌运行？
  • .NET Remoting Basic(10)-创建不同宿主的客户端与服务器端
  • .Net Web项目创建比较不错的参考文章
  • .Net 路由处理厉害了
  • .NET 中使用 Mutex 进行跨越进程边界的同步
  • .NET/C# 使用 ConditionalWeakTable 附加字段（CLR 版本的附加属性，也可用用来当作弱引用字典 WeakDictionary）
  • .NET简谈互操作(五：基础知识之Dynamic平台调用)
  • .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验
  • [Android] 修改设备访问权限