Sublime Text 教程

🌙
手机阅读
本文目录结构

介绍

Sublime Text 是一款流行的代码编辑器软件,也是 HTML 和散文先进的文本编辑器,可运行在 Linux,Windows 和 Mac OS X。

Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。相比于难于上手的 Vim,浮肿沉重的 Eclipse,VS,即便体积轻巧迅速启动的 Editplus、Notepad++,在 SublimeText 面前大略显失色,无疑这款性感无比的编辑器是 Coding 和 Writing 的好选择。

我个人觉得目前的编辑器一哥应该是 VSCode,自从巨硬拉了一个组做出来 VSCode 编辑器,Sublime Text的风头基本就没有了;

Sublime Text 3 应用技巧和诀窍

1. 选择

以下是一些 Sublime Text 选择文本的快捷键:

  • Command + D 选中一个单词
  • Command + L 选中一行
  • Command + A 全选
  • Ctrl + Command + M` 选中括号内所有内容 (编写 CSS 或 JS 时非常实用)

Sublime Text 还支持一次选中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:

  • Command 按住 Command 键再点击想选中的行
  • Command + Ctrl + G (选中部分文本时) 按此键选中所有相同文本
  • Command + D (选中部分文本时) 直接选中下一次出现的该文本

Sublime Text

2.CSS 排序

Sublime Text

CSS 属性的顺序一般不重要,因为无论何种顺序浏览器都能正确渲染。但排序所有的属性还是有助于代码的整洁。在 Sublime Text 中,选中 CSS 属性后按 F5 就可以按字母顺序排序。

也可以使用 CSSComb 等第三方插件,更详细的控制排序的方法。

3. 命令面板(Command Palette)

使用命令面板可以快速完成多重任务。按 Command + Shift + P 调出面板,键入需要的命令即可。看以下的几个示例:

▼ 重命名文件

Sublime Text

▼ 设置文件为 HTML 语法

Sublime Text

▼ 插入代码片段

Sublime Text

4. 主要快捷键列表

在同时打开多个标签页时,可以用以下的热键切换:

  • Command + T 列出所有的标签页
  • Command + Shift + ] 下一标签页
  • Command + Shift + [ 上一标签页
  • Command + Ctrl + P 切换侧边栏显示的工程
  • Ctrl+L 选择整行(按住 - 继续选择下行)
  • Ctrl+KK 从光标处删除至行尾
  • Ctrl+Shift+K 删除整行
  • Ctrl+Shift+D 复制光标所在整行,插入在该行之前
  • Ctrl+J 合并行(已选择需要合并的多行时)
  • Ctrl+KU 改为大写
  • Ctrl+KL 改为小写
  • Ctrl+D 选词 (按住 - 继续选择下个相同的字符串)
  • Ctrl+M 光标移动至括号内开始或结束的位置
  • Ctrl+Shift+M 选择括号内的内容(按住 - 继续选择父括号)
  • Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
  • Ctrl+Shift+/ 注释已选择内容
  • Ctrl+Z 撤销
  • Ctrl+Y 恢复撤销
  • Ctrl+M 光标跳至对应的括号
  • Alt+. 闭合当前标签
  • Ctrl+Shift+A 选择光标位置父标签对儿
  • Ctrl+Shift+[ 折叠代码
  • Ctrl+Shift+] 展开代码
  • Ctrl+KT 折叠属性
  • Ctrl+K0 展开所有
  • Ctrl+U 软撤销
  • Ctrl+T 词互换
  • Tab 缩进 自动完成
  • Shift+Tab 去除缩进
  • Ctrl+Shift+↑ 与上行互换
  • Ctrl+Shift+↓ 与下行互换
  • Ctrl+K Backspace 从光标处删除至行首
  • Ctrl+Enter 光标后插入行
  • Ctrl+Shift+Enter 光标前插入行
  • Ctrl+F2 设置书签
  • F2 下一个书签
  • Shift+F2 上一个书签

5. 跨文件编辑

同一个编辑操作可以在多个文件中同时重复。举个例子,多个文件中有同一段代码时,可用以下的步骤快速编辑:

Sublime Text

  1. 按 Command + Shift + F 在 Find 框中输入待查找的代码。可按 Command + E 快速使用选择中的代码段。
  2. 在 Where 框中指定需要查找的文件范围,或填写<open files>表示查找目前打开的文件。
  3. 在 Replace 框中输入要替换成的代码,按 Replace 按钮批量替换。

6. 文件爬虫

Sublime Text

按 Command + R 可以列出文档中所有的 CSS 选择器。可以选择并立刻跳转查看。这个操作比使用一般的“查找”功能快得多。

7. 拼写检查

如果你经常使用 Sublime Text 从事英文创作,那么启用拼写检查就非常有用处了。选择 Preferences > SettingsUser 菜单,添加以下代码:

"spell_check": true,

8. 增强侧边栏

Sublime Text

SideBarEnhancements 插件有效地改进了 Sublime Text 的侧边栏。安装插件后在侧边栏上点击右键,可以找到一下新功能:在资源管理器中打开、新建文件、新建文件夹、以…打开、在浏览器中打开。

注:在浏览器中打开的热键是 F12。

9. 更换主题

Sublime Text 的外观主题可以更换。Soda Theme 就是一个不错的主题,可以在包管理器中安装。

Sublime Text

主题不在软件仓库中

如果要安装的主题并不在在线软件仓库中,也可以手动安装:

  1. 下载并解压缩主题包
  2. 点击菜单 Preferences > Browse Packages…
  3. 把主题文件夹复制到 Packages 文件夹中。
  4. 点击菜单 Preferences > Settings – Users 并加入以下代码:“theme”: “Soda Light.sublime-theme”

常用快捷键

  • 更正打开控制台的快捷键为 Ctrl + `
  • 更正全局替换的快捷键为Ctrl + Alt + Enter

Sublime Text 2 和 3 的对比

相比于 2,Sublime Text 3 就秒启动一项,就压倒性地胜利了。

因此在之后的叙述中都以 Sublime Text 3 为主角。

并且 3 一直在不断的完善更新,具体的差异可参看 Sublime Blog. 简单的说:

  • ST3 支持在项目目录里面寻找变量
  • 提供了对标签页更好地支持(更多的命令和快捷键)
  • 加快了程序运行的速度
  • 更新了 API,使用 Python3.3

强烈推荐朋友们使用 3! 唯快不破,不解释。

优雅使用 Sublime Text,插件则是不可缺少的存在;而插件的备份就显得非常的重要(譬如:各平台同步;更换系统 / 电脑,迅速使用已安装的插件)。

这事儿也很简单,只需将 Packages(Preferences > Browse Packages)中内容拷贝一份,同步云端即可;至于存储何处,云盘,Github,皆无不可;譬如先前有存一份于 sublime_packages,每有所需只要 Down 下来,替换掉原 Packages 下内容就好。

受欢迎的特性

GOTO ANYTHING

使用 Goto Anything 只需几个按键即可打开文件,并立即跳转到符号,行或单词。

使用快捷键 Ctrl+P , 可以:

  • 输入部分文件名即可将其打开。
  • 输入 @ 跳转到符号, 输入# 可以在文件中搜索, 输入 : 可以跳转到指定行。 这些快捷方式可以组合使用,输入 tp@rf 可能会打开 text_parser.py 这个文件,并定位到 read_file 函数。同样,tp:100 会将您带到同一文件的第 100 行。

GOTO DEFINITION

使用语法定义中的信息,Sublime Text 自动生成每个类,方法和函数的项目范围索引。 该索引支持 Goto Definition,它以三种不同的方式公开:

  • 将鼠标悬停在符号上时会显示一个弹出窗口
  • 当光标在符号时,按 F12
  • Goto Symbol in Project 功能

可以通过配置文件在每个语法的基础上自定义符号索引,从而允许用户根据需要定制功能。

多重选择(MULTIPLE SELECTIONS)

多重选择可以同时对 N 处更改,轻松重命名变量,以前所未有的速度操作文件。

Ctrl+Shift+L 将选区分为行, Ctrl+D 选择下一个被选中的单词。 要使用鼠标进行多项选择,请查看 列选择 文档。

命令面板(COMMAND PALETTE)

命令面板 包含不常用的功能,如排序,更改语法和更改缩进设置。 只需几次击键,您就可以搜索自己想要的内容,而无需浏览菜单或记住模糊的键绑定。

使用 Ctrl+Shift+P 显示命令面板

强大的 API 和包生态系统(POWERFUL API AND PACKAGE ECOSYSTEM)

Sublime Text 有一个功能强大的 Python API,允许通过插件增强内置功能。

Package Control 是一个 Sublime Text 包管理器,通过命令面板,可以非常容易的去安装 Sublime Text 插件。

自定义所有(CUSTOMIZE ANYTHING)

快捷键绑定,菜单,代码片段,宏,完成等等 - 只需使用简单的 JSON 文件即可自定义 Sublime Text 中的所有内容。 该系统为您提供了灵活性,因为可以在每个文件类型和每个项目的基础上指定设置。

分割编辑(SPLIT EDITING)

通过拆分编辑可以,充分利用宽屏显示器。 并排编辑文件,或编辑一个文件中的两个位置。 您可以根据需要使用尽可能多的行和列进行编辑。 通过使用多个窗口进行编辑,并在每个窗口中使用多个拆分来利用多个监视器。

查看 View ▶ Layout 菜单,了解拆分编辑选项。

要在一个文件中打开多个视图,请使用 File ▶ New View into File 菜单项。

即时项目开关(INSTANT PROJECT SWITCH)

Sublime Text 中的项目捕获工作区的全部内容,包括已修改和未保存的文件。您可以以与 Goto Anything 类似的方式在项目之间切换,并且切换是即时的,没有保存提示 - 下次打开项目时将恢复所有修改。

性能(PERFORMANCE)

Sublime Text 由自定义组件构建,提供无与伦比的响应能力。 从功能强大的自定义跨平台 UI 工具包到无与伦比的语法高亮引擎,Sublime Text 设置了性能标准。

跨平台(CROSS PLATFORM)

Sublime Text 适用于 Mac,Windows 和 Linux。 无论使用何种操作系统,只需一个许可即可在您拥有的每台计算机上使用 Sublime Text。

Sublime Text 使用自定义 UI 工具包,针对速度和美感进行了优化,同时利用每个平台上的本机功能。

参考

原文出处:http://lucida.me/blog/sublime-text-complete-guide/

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了