Sublime Text 3最好的功能、插件和设置

Sublime Text 3 是一个了不起的软件。首先,它是一个干净,实用,可以快速的编写代码编辑器。它不仅具有令人难以置信的内置功能(多行编辑和VIM模式),而且还支持插件,代码片段和其他许多东西。

图片描述

我知道,网上已经有许多关于 Sublime Text 3 的文章,这事好事情。在这篇文章中,我们将看到 Sublime Text 3 的最好的部分,您可能已经听说过其中的一些,但也许其他一些人还不知道。

Features(功能)

Command Palette (命令面板) ctrl + shift + p

命令面板可以使你访问设置菜单中可以所有的东西,调用包命令,更改文件的语法,处理Sublime项目,等等。举例来说,你可以在命令面板中Git命令添加,分支,提交和推送。

使用: ctrl + shift + p

图片描述

图片描述

File Switching (文件切换) ctrl + p

Sublime Text提供了一个非常快速的方式来打开新的文件。只要按下Ctrl+ P并开始输入你想要打开的文件的名称。一旦找到文件,只需按enter键,就可以开始直接输入到该文件了!
使用:ctrl + p

图片描述

Goto Symbols (跳转标记) ctrl + r

当你编辑一个大文件时,文件中有一堆方法,按Ctrl + R将其全部列出来,使他们更容易找到。开始尝试的输入你想要的,然后按Enter 就可以快速跳转这个方法了。
使用方法:按Ctrl+ R

图片描述

Sublime Text 3 有一个新功能(Goto Definition 转到定义)。它提供了 Sublime Text 更多功能,使其更接近于一个IDE。如果你有兴趣,可以自己去学习一下。

Multi-Edit(多行编辑) ctrl + click

  • 在我看来这绝对是Sublime Text最好的功能。使用它之后,就很难再回到其他文本编辑器。(愚人码头注:其实很多编辑器,IDE现在都有这功能了,比如:WebStorm)

有许多不同的方式使用多行编辑:

  • ctrl + d: 选中光标所占的文本,继续操作则会选中下一个相同的文本。(愚人码头注:多按几下试试)
  • ctrl + click: 单击想要编辑的每一个地方,都将创建一个光标
  • ctrl + shift + f 和 alt + enter: 在你的文件查找一个文本,然后将其全部选中

以下叔整理的:

  • ctrl+l 选中整行,继续操作则继续选择下一行,效果和 shift+↓ 效果一样。
  • ctrl+shift+l 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
  • ctrl+alt+↑ 或 ctrl+alt+鼠标向上拖动 向上添加多行光标,可同时编辑多行。
  • ctrl+alt+↓ 或 ctrl+alt+鼠标向下拖动 向下添加多行光标,可同时编辑多行。
  • shift+↑ 向上选中多行。
  • shift+↓ 向下选中多行。

图片描述

Snippets(代码片段)

代码片段是Sublime Text的另一大特点。您可以使用预装的,也可以自己创建,或安装具有代码片段的包。你所要做的就是输入一个定义了代码片段的文本,它会扩展到你的代码段。

例如,键入lorem将产生lorem存有文本。

使用: 输入一个定义了代码片段的文本(例如lorem),然后按tab键。

图片描述

图片描述

这里有一篇关于创建代码片段的非常棒的文章

Keyboard Shortcuts (快捷键)

Sublime Text的快捷键的数量是惊人的。我觉得这是Sublime Text另一个好的功能。如果太多了,你可以将自己常用的快捷键从主键( home keys )移到了自己的快捷键列表中(my keyboard)。

对于Sublime Text键盘快捷键的完整列表,看看我们的键盘快捷键文章

Projects(项目)

在Sublime Text中,项目是工作流程中不可或缺的一部分。一个项目仅仅是一个 Sublime工作空间,项目中的文件夹都是开放的,并显示在侧边栏中。这是很有帮助的,因为你可以定义一个项目,并添加文件夹到项目中,并能够迅速地在文件夹之间切换。

使用项目,你只需要去Windows资源管理器或Finder中找到你想要的项目,并将其拖到Sublime Text,就可以了。
保存一个项目:进入命令面板,输入保存项目。

切换项目:ctrl + alt + p

图片描述

Packages/Plugins(包/插件)

Package Control(包控制)

Sublime Text提供了绝对必要的包管理器。这是安装下面列出的所有插件和主题的最佳方式。继续,在包控制在安装插件。

使用方法:进入命令面板(ctrl + shift+ p),然后键入 install

包控制将加载所有可用于安装的包。看看你可以查找并安装自己喜欢的包..

Alignment (代码对齐)

一个非常简单和易于使用的插件,使你的代码组织和美观。当您重温代码时候非常有用。

使用方法:选中要调整的行,然后按 Ctrl+ Alt + A

图片描述

图片描述

BracketHighlighter

该插件提供行数列高亮的各种配对的语法符号。(愚人码头注:就是将配对的括号等显示在行数列上)

图片描述

Colorpicker

使用一个取色器改变颜色

使用方法: ctrl + shift + c

图片描述

注:该插件在Mac上使用时非常漂亮

Emmet

Emmet绝对的节省时间。您可以轻松快速地编写HTML。

使用方法: ctrl + alt + enter ,并且开始输入Emmet风格的HTML

图片描述

图片描述

看看我们的Emmet指南,以了解更多,并自己尝试Emmet。

DocBlockr

一个真正简单的方式来轻松地创建许多语言包括JavaScript,PHP和CoffeeScript的文档块。只要在函数的上面输入/**,按Tab就可以了。DocBlockr会观察函数需要的变量名和类型,并创建文档块。

图片描述

图片描述

Git

Git帮助你与你的Git repo协议进行交互。它支持很多命令像initpushpullbranchstash等的。了解更多关于你在Sublime Text里面究竟能使用哪些Git功能,以提高您的工作流程。

GitGutter

这是一个小巧有用的插件,它会告诉你自上次git commit以来已经改变的行。一个指示器显示在行号的旁边。

图片描述

Gist

这个插件可以让你拉你的Gists,并把它们插入到你的文件。当你有一个Gists,以启动一个HTML文件或任何其他可重用的代码时候,这是有用的。

使用方法:打开命令面板,并且键入gist。您也可以使用所显示的快捷方式。

图片描述

SidebarEnhancements

在侧边栏的文件上右击时,这个插件提供了大量更多的选择。打开,查找,复制和粘贴,等等。

这里是老菜单和SidebarEnhanced菜单的比较。

图片描述

图片描述

Themes (主题)

Sublime Text可以安装主题,有一些主题真的很酷。您可以使用包控制找到这些。
使用包控制安装一个主题,然后更新您的用户设置使用它。

// User/Preferences.sublime-settings
{
    "theme": "Soda Light.sublime-theme"
}

注意: 您可能必须重新启动Sublime Text,这些更改才会生效。

一些流行的主题:

THEME – SODA 包括 LIGHT 和 DARK

图片描述

图片描述

THEME – FLATLAND

图片描述

PREDAWN

图片描述

Flatland的一个分支。repo

SPACEGRAY
“一个Hyperminimal UI主题”。这里有更多的相关资料

图片描述

更多皮肤:

更多优秀主体, 请查看2014年的最佳Sublime Text的主题

Color Schemes (配色方案)

除了改变你的主题,你也可以改变你的配色方案。这不同于主题,因为主题是Sublime Text的包。配色方案仅仅是配色方案文件,并更改您的设置。

更改配色方案:菜单,Preferences首选项>Color Scheme配色方案,并选择一个。

你会马上看到变化,可以检查你是不是喜欢。对于一些大的颜色方案的列表,请访问Dayle Rees的 colour schemes(配色方案) repo或 color sublime,一项伟大的工程。

Settings(设置)

Sublime自带了大量的设置。我建议你去看看它所提供的所有设置。

为了让您进入用户设置,使用命令面板并且键入user

这里是我当前的设置,大部分是属性不需要解释了吧。为自己挑选好的部分并作为自己的自定义设置!

// User/Preferences.sublime-settings
{
    "bold_folder_labels": true,
    "color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
    "font_face": "Ubuntu Mono",
    "font_options": "subpixel_antialias",
    "font_size": 14,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
    ],
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "rulers":
    [
        80
    ],
    "scroll_past_end": true,
    "tab_size": 4,
    "tab_completion": false,
    "theme": "Soda Light.sublime-theme",
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "vintage_start_in_command_mode": true,
    "word_wrap": true
}

我在Sublime中用的是最佳模式。它提供了 vi 编辑命令代替Sublime Text。它不是原vi包的全功能,但它是我目前见过最接近 vi编辑器的文本编辑器。使用你的键盘快捷键和命令包就可以非常快速的开发。

上面的设置会在你打开一个文件时自动开启Vintage模式(叔注:Vintage是Sublime Text的vi模式编辑包。 可以使用组合vi命令来调用Sublime Text的功能,包括多重选择。)。

如果你不喜欢这个功能,只是删除vintage_start_in_command_mode就可以了,如果你想完全禁用Vintage模式,那么删除ignored_packages设置。

Conclusion(结论)

我敢肯定,还有很多Sublime的优秀部分我错过或者遗漏了。你过你发现了任何其他非常棒的包或者插件、功能,欢迎留言告诉我,让我知道,大家一起快乐地编码!


作者: IT程序狮 
链接:http://www.imooc.com/article/2931
来源:慕课网
  • 10
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 1. 打开Sublime Text 3,点击菜单栏中的“Preferences”(偏好设置)。 2. 选择“Package Control”(包管理器),点击“Install Package”(安装插件)。 3. 在搜索框中输入“Emmet”,选择“Emmet”插件进行安装。 4. 安装完成后,重启Sublime Text 3即可使用Emmet插件。 ### 回答2: Sublime Text3是编辑器中的一种,是一个功能很强大的文本编辑器。它的使用方便,而且可以安装插件,让使用更加便捷。其中,Emmet是一个非常方便的插件,它能够允许用户更快速的编写HTML和CSS代码。现在,来介绍一下如何在Sublime Text3 中安装Emmet插件。 第一步:下载Package Control 在使用前首先要先安装Sublime Text3的Package Control,它可以帮助用户快速下载和安装Sublime Text3的插件。我们可以从Sublime官网上安装,也可以在控制台中通过简单的代码完成。使用包管理器的好处就在于能够减轻用户手动安装插件带来的运行成本,提高工作效率。 第二步:安装Emmet 打开Package Control后,在搜索栏中输入Emmet,就可以找到该插件并进行安装。当插件安装成功后,我们可以在编写HTML和CSS代码时更快速的编写,提高了工作效率。 第三步:设置快捷键 在Sublime Text3中,Emmet自带了很多快捷指令,不过还有很多没有设置,如果我们想要自己设置的话可以打开菜单。Preferences -> Key Bindings,将指令添加进去,然后保存即可,就可以享受Emmet插件带来的快捷方法了。这里需要注意,不要随意修改已经设置好的快捷键,否则可能会影响工作效率。 总的来说,Sublime Text3安装Emmet插件非常简单,只需要按照上面所述步骤执行即可。使用Emmet插件可以帮助我们更快速更高效地编辑HTML和CSS代码,提高编码效率。 ### 回答3: Sublime Text3 是一款非常优秀的文本编辑器,由于其特有的插件系统,可以通过安装各种各样的插件,来扩充其功能。其中,Emmet 插件是一款非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。下面,我将介绍如何在 Sublime Text3 中安装 Emmet 插件。 首先,需要先打开 Sublime Text3 编辑器。然后,按下 Ctrl + Shift + P,打开命令面板。在命令面板中输入 install package,然后回车。 接着,会出现一个列表,列出了所有可用的插件包。我们需要找到 Emmet 插件包,然后选中它并点击回车。插件包开始下载,下载完成后会自动安装。 安装完成后,我们需要开启 Emmet 插件。方法是按下 Ctrl + Shift + P,然后输入 Emmet: Enable Emmet,按下回车即可。这时候,Emmet 插件就已经成功安装了。 使用 Emmet 插件,可以通过简单的语法,来生成 HTML 和 CSS 代码。比如,我们可以通过输入div.container>ul>li*5,然后按下 Tab 键,就能自动生成包含一个容器和一个包含五个列表项的无序列表。这大大提高了我们的编码效率。 总之,Emmet 是一个非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。在 Sublime Text3 中安装它也非常简单,只需要按照上述步骤操作即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值