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

摘要(Abstract)

本文系统全面的介绍了Sublime Text,旨在成为最优秀的Sublime Text中文教程。

更新记录

  1. 2014/09/27:完成初稿
  2. 2014/09/28:
  • 更正打开控制台的快捷键为 Ctrl + `
  • 更正全局替换的快捷键为Ctrl + Alt + Enter

前言(Prologue)

Sublime Text是一款跨平台代码编辑器(Code Editor),从最初的Sublime Text 1.0,到现在的Sublime Text 3.0,Sublime Text从一个不知名的编辑器演变到现在几乎是各平台首选的GUI编辑器。而这样优秀的编辑器却没有一个靠谱的中文教程,所以我试图通过本文弥补这个缺陷。

编辑器的选择(Editor Choices)

从初学编程到现在,我用过的编辑器有EditPlus、UltraEdit、Notepad++、Vim、TextMate和Sublime Text,如果让我从中推荐,我会毫不犹豫的推荐Vim和Sublime Text,原因有下面几点:

  1. 跨平台:Vim和Sublime Text均为跨平台编辑器(在Linux、OS X和Windows下均可使用)。作为一个程序员,切换系统是常有的事情,为了减少重复学习,使用一个跨平台的编辑器是很有必要的。
  2. 可扩展:Vim和Sublime Text都是可扩展的(Extensible),并包含大量实用插件,我们可以通过安装自己领域的插件来成倍提高工作效率。
  3. 互补:Vim和Sublime Text分别是命令行环境(CLI)和图形界面环境(GUI)下的最佳选择,同时使用两者会大大提高工作效率。

个人背景(Personal Background)

我是一名非常典型的程序员:平时工作主要在Linux环境下使用Java和Python,偶尔会用HTML+CSS+JavaScript编写网页;业余时会在Windows环境编写一些C#程序(包括控制台程序(Console Application)和移动应用(Mobile App),也会玩一些非主流语言(比如Haskell,ML和Ruby等)以拓展见识。

所以这篇文章会我的个人工作内容为主要使用场景(Scenario),尽管无法覆盖到所有的使用场景,但我认为依然可以覆盖到绝大部分,如果您认为我遗漏了什么内容,请在文章下面回复,我会尽量更新。

本文风格(Writing Style)

受益于K&R C的写作风格,我倾向于以实际案例来讲解Sublime Text的功能,所以本文中的例子均源于我在实际开发时遇到的问题。

此外,把本文会使用大量动画(GIF)演示Sublime Text的编辑功能,因为我发现图片难以演示完整的编辑流程(Workflow),而视频又过于重量级。本文的GIF动画均使用ScreenToGif进行录制。

编辑器(Editor) vs 集成开发环境(Integrated Development Environment,下文简称IDE)

我经常看到一些程序员拿编辑器和IDE进行比较,诸如Vim比Eclipse强大或是Visual Studio太慢不如Notepad++好使之类的讨论比比皆是,个人认为这些讨论没有意义,因为编辑器和IDE根本是面向两种不同使用场景的工具:

  • 编辑器面向无语义的纯文本,不涉及领域逻辑,因此速度快体积小,适合编写单独的配置文件和动态语言脚本(Shell、Python和Ruby等)。
  • IDE面向有语义的代码,会涉及到大量领域逻辑,因此速度偏慢体积庞大,适合编写静态语言项目(Java、C++和C#等)。

我认为应当使用正确的工具去做有价值的事情,并把效率最大化,所以我会用Eclipse编写Java项目,用Vim编写Shell,用Sublime Text编写JavaScript/HTML/Python,用Visual Studio编写C#。

前言到此结束,下面进入正题。

安装(Installation)

Sublime Text官方网站提供了Sublime Text各系统各版本的下载,目前Sublime Text的最新版本是Sublime Text 3。这里以Windows版本的Sublime Text安装为例。

注意在安装时勾选Add to explorer context menu,这样在右键单击文件时就可以直接使用Sublime Text打开。

添加Sublime Text到环境变量

使用Win + R运行sysdm.cpl打开“系统属性”。

然后在“高级”选项卡里选择“环境变量”,编辑“Path”,增加Sublime Text的安装目录(例如D:Program FilesSublime Text 3)。

接下来你就可以在命令行里面利用subl命令直接使用Sublime Text了:

subl file :: 使用Sublime Text打开file文件subl folder :: 使用Sublime Text打开folder文件夹subl . :: 使用Sublime Text当前文件夹

安装Package Control

前文提到Sublime Text支持大量插件,如何找到并管理这些插件就成了一个问题,Package Control正是为了解决这个问题而出现的,利用它我们可以很方便的浏览、安装和卸载Sublime Text中的插件。

进入Package Control的官网,里面有详细的安装教程。Package Control支持Sublime Text 2和3,本文只给出3的安装流程:

  • 使用Ctrl + `打开Sublime Text控制台。
  • 将下面的代码粘贴到控制台里:
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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( 'http://sublime.wbond.net/' + 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)
  • 等待Package Control安装完成。之后使用Ctrl + Shift + P打开命令板,输入PC应出现Package Control:

成功安装Package Control之后,我们就可以方便的安装使用Sublime Text的各种插件:

购买(Purchase)

Sublime Text是一个收费闭源软件,这在一定程度上成为了我支持Sublime Text的理由(我心中的软件靠谱程度:免费开源 << 免费闭源 < 收费开源 < 收费闭源):在这里购买。

不过不购买Sublime Text也可以“正常”使用它,只是Sublime Text会时不时的弹出一个对话框提醒你购买。

激活方法:

打开菜单【帮助】——【输入注册码】

1595208269(1)

注册码这边就不提供了,大家可以自己百度一下“sublime text 3 注册码”来获得注册码,或者是自行购买正版的软件

这边注意一下,下面是注册码的开头结尾,复制注册码的时候要复制完整,不然会注册不成功的。

—– BEGIN LICENSE —–

—— END LICENSE ——

注册码输入完成点击下面的 Use License

1595208379(1)

注册完成之后会弹出下面的对话框,点击【确定】即可

1595208504(1)


这样激活就完成了。


现在网上很多注册码不可用,下面提供一种方案

1)建立一个bat文件(随便取个名字,如“runHost.bat”),复制以下代码到bat文件中:

@echo offSET NEWLINE=^& echo.FIND /C /I "license.sublimehq.com" %WINDIR%system32driversetchostsIF %ERRORLEVEL% NEQ 0 ECHO %NEWLINE%^127.0.0.1 license.sublimehq.com>>%WINDIR%System32driversetchostsFIND /C /I "45.55.255.55" %WINDIR%system32driversetchostsIF %ERRORLEVEL% NEQ 0 ECHO %NEWLINE%^127.0.0.1 45.55.255.55>>%WINDIR%System32driversetchostsFIND /C /I "45.55.41.223" %WINDIR%system32driversetchostsIF %ERRORLEVEL% NEQ 0 ECHO %NEWLINE%^127.0.0.1 45.55.41.223>>%WINDIR%System32driversetchosts
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

2)保存后关闭bat文件,右键“管理员身份运行”

20180622203035120

**图一 右键以管理员身份运行**

3)打开sublime text 3,在上方“help工具栏”下面对应的”enter license”,点击去,输入以下内容:

----- BEGIN LICENSE -----sgbteamSingle User LicenseEA7E-11532598891CBB9 F1513E4F 1A3405C1 A865D53F115F202E 7B91AB2D 0D2A40ED 352B269B76E84F0B CD69BFC7 59F2DFEF E267328F215652A3 E88F9D8F 4C38E3BA 5B2DAAE4969624E7 DC9CD4D5 717FB40C 1B9738CF20B3C4F1 E917B5B3 87C38D9C ACCE7DD85F7EF854 86B9743C FADC04AA FB0DA5C0F913BE58 42FEA319 F954EFDD AE881E0B------ END LICENSE ------
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

20180622203549880

**图二 这里就是enter license的地方(我已经输入了license,所以这里变成了remove license)**

4)输入完之后,点确定。就会显示注册成功了。

20180622204514121

**图三 注册成功**








概览(Tour)

基本概念(Basic Concepts)

Sublime Text的界面如下:



  • 标签(Tab):无需介绍。
  • 编辑区(Editing Area):无需介绍。
  • 侧栏(Side Bar):包含当前打开的文件以及文件夹视图。
  • 缩略图(Minimap):如其名。
  • 命令板(Command Palette):Sublime Text的操作中心,它使得我们基本可以脱离鼠标和菜单栏进行操作。
  • 控制台(Console):使用Ctrl + `调出,它既是一个标准的Python REPL,也可以直接对Sublime Text进行配置。
  • 状态栏(Status Bar):显示当前行号、当前语言和Tab格式等信息。

配置(Settings)

与其他GUI环境下的编辑器不同,Sublime Text并没有一个专门的配置界面,与之相反,Sublime Text使用JSON配置文件,例如:

{    "font_size": 12,    "highlight_line": true,}

会将默认字体大小调整为12,并高亮当前行。

JSON配置文件的引入简化了Sublime Text的界面,但也使得配置变的复杂,一般我会到这里查看可用的Sublime Text配置。

编辑(Editing)

Sublime Text的编辑十分人性化——它不像Vim那样反人类(尽管我也用Vim但我还是要说Vim的快捷键设定绝壁连代谢产物都不如),少量的快捷键就可以完成绝大多数编辑任务。

基本编辑(Basic Editing)

↑↓←→就是↑↓←→,不是KJHL,(没错我就是在吐槽Vim,尼玛设成WSAD也比这个强啊),粘贴剪切复制均和系统一致。

Ctrl + Enter在当前行下面新增一行然后跳至该行;Ctrl + Shift + Enter在当前行上面增加一行并跳至该行。

Ctrl + ←/→进行逐词移动,相应的,Ctrl + Shift + ←/→进行逐词选择。

Ctrl + ↑/↓移动当前显示区域,Ctrl + Shift + ↑/↓移动当前行。

选择(Selecting)

Sublime Text的一大亮点是支持多重选择——同时选择多个区域,然后同时进行编辑。

Ctrl + D选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl + K进行跳过,使用Ctrl + U进行回退,使用Esc退出多重编辑。

多重选词的一大应用场景就是重命名——从而使得代码更加整洁。尽管Sublime Text无法像IDE(例如Eclipse)那样进行自动重命名,但我们可以通过多重选词+多重编辑进行直观且便捷的重命名:

有时我们需要对一片区域的所有行进行同时编辑,Ctrl + Shift + L可以将当前选中区域打散,然后进行同时编辑:

有打散自然就有合并,Ctrl + J可以把当前选中区域合并为一行:

查找&替换(Finding&Replacing)

Sublime Text提供了强大的查找(和替换)功能,为了提供一个清晰的介绍,我将Sublime Text的查找功能分为快速查找、标准查找和多文件查找三种类型。

快速查找&替换

多数情况下,我们需要查找文中某个关键字出现的其它位置,这时并不需要重新将该关键字重新输入一遍然后搜索,我们只需要使用Shift + ←/→或Ctrl + D选中关键字,然后F3跳到其下一个出现位置,Shift + F3跳到其上一个出现位置,此外还可以用Alt + F3选中其出现的所有位置(之后可以进行多重编辑,也就是快速替换)。

标准查找&替换

另一种常见的使用场景是搜索某个已知但不在当前显示区域的关键字,这时可以使用Ctrl + F调出搜索框进行搜索:

以及使用Ctrl + H进行替换:

关键字查找&替换

对于普通用户来说,常规的关键字搜索就可以满足其需求:在搜索框输入关键字后Enter跳至关键字当前光标的下一个位置,Shift + Enter跳至上一个位置,Alt + Enter选中其出现的所有位置(同样的,接下来可以进行快速替换)。

Sublime Text的查找有不同的模式:Alt + C切换大小写敏感(Case-sensitive)模式,Alt + W切换整字匹配(Whole matching)模式,除此之外Sublime Text还支持在选中范围内搜索(Search in selection),这个功能没有对应的快捷键,但可以通过以下配置项自动开启。

"auto_find_in_selection": true

这样之后在选中文本的状态下范围内搜索就会自动开启,配合这个功能,局部重命名(Local Renaming)变的非常方便:

使用Ctrl + H进行标准替换,输入替换内容后,使用Ctrl + Shift + H替换当前关键字,Ctrl + Alt + Enter替换所有匹配关键字。

正则表达式查找&替换

正则表达式是非常强大的文本查找&替换工具,Sublime Text中使用Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使用Boost里的Perl正则表达式风格。

出于篇幅原因,本文不会对正则表达式进行详细介绍,Mastering Regex(中译本:精通正则表达式)对正则表达式的原理和各语言下的使用进行了详细介绍。此外网上有大量正则表达式的优秀教程(“正则表达式30分钟入门教程”和MSDN正则表达式教程.aspx)),以及在线测试工具(regexpal和regexer)。

多文件搜索&替换

使用Ctrl + Shift + F开启多文件搜索&替换(注意此快捷键和搜狗输入法的简繁切换快捷键有冲突):

多文件搜索&替换默认在当前打开的文件和文件夹进行搜索/替换,我们也可以指定文件/文件夹进行搜索/替换。

跳转(Jumping)

Sublime Text提供了强大的跳转功能使得我们可以在不同的文件/方法/函数中无缝切换。就我的使用经验而言,目前还没有哪一款编辑器可以在这个方面超越Sublime Text。

跳转到文件

Ctrl + P会列出当前打开的文件(或者是当前文件夹的文件),输入文件名然后Enter跳转至该文件。

需要注意的是,Sublime Text使用模糊字符串匹配(Fuzzy String Matching),这也就意味着你可以通过文件名的前缀、首字母或是某部分进行匹配:例如,EIS、Eclip和Stupid都可以匹配EclipseIsStupid.java。

跳转到符号

尽管是一个文本编辑器,Sublime Text能够对代码符号进行一定程度的索引。Ctrl + R会列出当前文件中的符号(例如类名和函数名,但无法深入到变量名),输入符号名称Enter即可以跳转到该处。此外,还可以使用F12快速跳转到当前光标所在符号的定义处(Jump to Definition)。

比较有意思的是,对于Markdown,Ctrl + R会列出其大纲,非常实用。

跳转到某行

Ctrl + G然后输入行号以跳转到指定行:

组合跳转

在Ctrl + P匹配到文件后,我们可以进行后续输入以跳转到更精确的位置:

  1. @ 符号跳转:输入@symbol跳转到symbol符号所在的位置
  2. 关键字跳转:输入#keyword跳转到keyword所在的位置

  3. : 行号跳转:输入:12跳转到文件的第12行。

所以Sublime Text把Ctrl + P称之为“Go To Anything”,这个功能如此好用,以至于我认为没有其它编辑器能够超越它。

中文输入法的问题

从Sublime Text的初版(1.0)到现在(3.0 3065),中文输入法(包括日文输入法)都有一个问题:输入框不跟随。

目前官方还没有修复这个bug,解决方法是安装IMESupport插件,之后重启Sublime Text问题就解决了。

文件夹(Folders)

Sublime Text支持以文件夹做为单位进行编辑,这在编辑一个文件夹下的代码时尤其有用。在File下Open Folder:

你会发现右边多了一个侧栏,这个侧栏列出了当前打开的文件和文件夹的文件,使用Ctrl + K, Ctrl + B显示或隐藏侧栏,使用Ctrl + P快速跳转到文件夹里的文件。

窗口&标签(Windows & Tabs)

Sublime Text是一个多窗口多标签编辑器:我们既可以开多个Sublime Text窗口,也可以在一个Sublime Text窗口内开多个标签。

窗口(Window)

使用Ctrl + Shift + N创建一个新窗口(该快捷键再次和搜狗输入法快捷键冲突,个人建议禁用所有搜狗输入法快捷键)。

当窗口内没有标签时,使用Ctrl + W关闭该窗口。

标签(Tab)

使用Ctrl + N在当前窗口创建一个新标签,Ctrl + W关闭当前标签,Ctrl + Shift + T恢复刚刚关闭的标签。

编辑代码时我们经常会开多个窗口,所以分屏很重要。Alt + Shift + 2进行左右分屏,Alt + Shift + 8进行上下分屏,Alt + Shift + 5进行上下左右分屏(即分为四屏)。

分屏之后,使用Ctrl + 数字键跳转到指定屏,使用Ctrl + Shift + 数字键将当前屏移动到指定屏。例如,Ctrl + 1会跳转到1屏,而Ctrl + Shift + 2会将当前屏移动到2屏。

全屏(Full Screen)

Sublime Text有两种全屏模式:普通全屏和无干扰全屏。

个人强烈建议在开启全屏前关闭菜单栏(Toggle Menu),否则全屏效果会大打折扣。

F11切换普通全屏:

Shift + F11切换无干扰全屏:

风格(Styles)

风格对于任何软件都很重要,对编辑器也是如此,尤其是GUI环境下的编辑器。作为一个程序员,我希望我的编辑器足够简洁且足够个性。

Notepad++默认界面

Sublime Text默认界面

所以在用过Sublime Text之后,我立刻就卸掉了Notepad++。

Sublime Text自带的风格是我喜欢的深色风格(也可以调成浅色),默认主题是Monokai Bright,这两者的搭配已经很不错了,不过我们还可以做得更好:接下来我将会展示如何通过设置偏好项和添加自定义风格/主题使得Sublime Text更加Stylish。

一些设置(Miscellaneous Settings)

下面是我个人使用的设置项。

// 设置Sans-serif(无衬线)等宽字体,以便阅读"font_face": "YaHei Consolas Hybrid","font_size": 12,// 使光标闪动更加柔和"caret_style": "phase",// 高亮当前行"highlight_line": true,// 高亮有修改的标签"highlight_modified_tabs": true,

设置之后的效果如下:

主题(Themes)

Sublime Text有大量第三方主题:[https://sublime.wbond.net/browse/labels/theme],这里我给出几个个人感觉不错的主题

Soda Light

Soda Dark

Nexus

Flatland

Spacegray Light

Spacegray Dark

配色(Color)

colorsublime包含了大量Sublime Text配色方案,并支持在线预览,配色方案的安装教程在这里,恕不赘述。

我个人使用的是Nexus主题和Flatland Dark配色,配置如下:

"theme": "Nexus.sublime-theme","color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",

效果如下:

编码(Coding)

优秀的编辑器使编码变的更加容易,所以 Sublime Text 提供了一系列功能以提高开发效率。

良好实践(Good Practices)

良好的代码应该是规范的,所以 Google 为每一门主流语言都设置了其代码规范(Code Style Guideline)。我自己通过下面的设置使以规范化自己的代码。

// 设置tab的大小为2"tab_size": 2,// 使用空格代替tab"translate_tabs_to_spaces": true,// 添加行宽标尺"rulers": [80, 100],// 显示空白字符"draw_white_space": "all",// 保存时自动去除行末空白"trim_trailing_white_space_on_save": true,// 保存时自动增加文件末尾换行"ensure_newline_at_eof_on_save": true,

代码段(Code Snippets)

Sublime Text 支持代码段(Code Snippet),输入代码段名称后Tab即可生成代码段。

你可以通过 Package Control 安装第三方代码段,也可以自己创建代码段。

格式化(Formatting)

Sublime Text 基本的手动格式化操作包括:​Ctrl + [ ​向左缩进,​Ctrl + ] ​向右缩进,此外​Ctrl + Shift + V​可以以当前缩进粘贴代码(非常实用)。

除了手动格式化,我们也可以通过安装插件实现自动缩进和智能对齐:

  • HTMLBeautify:格式化 HTML。
  • AutoPEP8:格式化 Python 代码。
  • Alignment:进行智能对齐。

自动完成(Auto Completion)

Sublime Text 支持一定的自动完成,按 Tab 自动补全。

括号(Brackets)

编写代码时会碰到大量的括号,利用​Ctrl + M​可以快速的在起始括号和结尾括号间切换,​Ctrl + Shift + M​则可以快速选择括号间的内容,对于缩进型语言(例如 Python )则可以使用​Ctrl + Shift + J​。

此外,我使用 ​BracketHighlighter ​插件以高亮显示配对括号以及当前光标所在区域,效果如下:

命令行(Command Line)

尽管提供了 Python 控制台,但 Sublime Text 的控制台仅支持单行输入,十分不方便,所以我使用Sublime​REPL以进行一些编码实验(Experiments)。

其它(Miscellaneous)

尽管我试图在本文包含尽可能多的 Sublime Text 实用技能,但受限于篇幅和我的个人经验,本文仍不免有所遗漏,欢迎在评论里指出本文的错误及遗漏。

下面是一些可能有用但我很少用到的功能:

  • 宏(Macro):Sublime Text 支持录制宏,但我在实际工作中并未发现宏有多大用处。
  • 其它平台(Other Platforms):本文只介绍了 Windows 平台上 Sublime Text 的使用,不过 Linux 和 OS X 上 Sublime Text 的使用方式和 Windows 差别不大,只是在快捷键上有所差异,请参考 Windows/Linux 快捷键和 OS X 快捷键。
  • 项目(Projects):Sublime Text 支持简单的项目管理,但我一般只用到文件夹。
  • Vim模式(Vintage):Sublime Text 自带 Vim 模式。
  • 构建(Build):通过配置,Sublime Text 可以进行源码构建。
  • 调试(Debug):通过安装插件,Sublime Text 可以对代码进行调试。

快捷键列表(Shortcuts Cheatsheet)

我把本文出现的Sublime Text按其类型整理在这里,以便查阅。

通用(General)

  • ↑↓←→:上下左右移动光标,注意不是不是 KJHL!
  • Alt:调出菜单
  • Ctrl + Shift + P:调出命令板(Command Palette)
  • Ctrl + `:调出控制台

编辑(Editing)

  • Ctrl + Enter:在当前行下面新增一行然后跳至该行
  • Ctrl + Shift + Enter:在当前行上面增加一行并跳至该行
  • Ctrl + ←/→:进行逐词移动
  • Ctrl + Shift + ←/→进行逐词选择
  • Ctrl + ↑/↓移动当前显示区域
  • Ctrl + Shift + ↑/↓移动当前行

选择(Selecting)

  • Ctrl + D:选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl + K进行跳过,使用Ctrl + U进行回退,使用Esc退出多重编辑
  • Ctrl + Shift + L:将当前选中区域打散
  • Ctrl + J:把当前选中区域合并为一行
  • Ctrl + M:在起始括号和结尾括号间切换
  • Ctrl + Shift + M:快速选择括号间的内容
  • Ctrl + Shift + J:快速选择同缩进的内容
  • Ctrl + Shift + Space:快速选择当前作用域(Scope)的内容

查找&替换(Finding&Replacing)

  • F3:跳至当前关键字下一个位置
  • Shift + F3:跳到当前关键字上一个位置
  • Alt + F3:选中当前关键字出现的所有位置
  • Ctrl + F/H:进行标准查找/替换,之后:
    • Alt + C:切换大小写敏感(Case-sensitive)模式
    • Alt + W:切换整字匹配(Whole matching)模式
    • Alt + R:切换正则匹配(Regex matching)模式
    • Ctrl + Shift + H:替换当前关键字
    • Ctrl + Alt + Enter:替换所有关键字匹配
  • Ctrl + Shift + F:多文件搜索&替换

跳转(Jumping)

  • Ctrl + P:跳转到指定文件,输入文件名后可以:@ 符号跳转:输入@symbol跳转到symbol符号所在的位置# 关键字跳转:输入#keyword跳转到keyword所在的位置: 行号跳转:输入:12跳转到文件的第12行。
  • Ctrl + R:跳转到指定符号
  • Ctrl + G:跳转到指定行号

窗口(Window)

  • Ctrl + Shift + N:创建一个新窗口
  • Ctrl + N:在当前窗口创建一个新标签
  • Ctrl + W:关闭当前标签,当窗口内没有标签时会关闭该窗口
  • Ctrl + Shift + T:恢复刚刚关闭的标签

屏幕(Screen)

  • F11:切换普通全屏
  • Shift + F11:切换无干扰全屏
  • Alt + Shift + 2:进行左右分屏
  • Alt + Shift + 8:进行上下分屏
  • Alt + Shift + 5:进行上下左右分屏
  • 分屏之后,使用Ctrl + 数字键跳转到指定屏,使用Ctrl + Shift + 数字键将当前屏移动到指定屏


快捷键列表(Shortcuts Cheatsheet)

我把本文出现的Sublime Text按其类型整理在这里,以便查阅。

通用(General)

  • ↑↓←→:上下左右移动光标,注意不是不是KJHL!
  • Alt:调出菜单
  • Ctrl + Shift + P:调出命令板(Command Palette)
  • Ctrl + `:调出控制台

编辑(Editing)

  • Ctrl + Enter:在当前行下面新增一行然后跳至该行
  • Ctrl + Shift + Enter:在当前行上面增加一行并跳至该行
  • Ctrl + ←/→:进行逐词移动
  • Ctrl + Shift + ←/→进行逐词选择
  • Ctrl + ↑/↓移动当前显示区域
  • Ctrl + Shift + ↑/↓移动当前行

选择(Selecting)

  • Ctrl + D:选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl + K进行跳过,使用Ctrl + U进行回退,使用Esc退出多重编辑
  • Ctrl + Shift + L:将当前选中区域打散
  • Ctrl + J:把当前选中区域合并为一行
  • Ctrl + M:在起始括号和结尾括号间切换
  • Ctrl + Shift + M:快速选择括号间的内容
  • Ctrl + Shift + J:快速选择同缩进的内容
  • Ctrl + Shift + Space:快速选择当前作用域(Scope)的内容

查找&替换(Finding&Replacing)

  • F3:跳至当前关键字下一个位置
  • Shift + F3:跳到当前关键字上一个位置
  • Alt + F3:选中当前关键字出现的所有位置
  • Ctrl + F/H:进行标准查找/替换,之后:
  • Alt + C:切换大小写敏感(Case-sensitive)模式
  • Alt + W:切换整字匹配(Whole matching)模式
  • Alt + R:切换正则匹配(Regex matching)模式
  • Ctrl + Shift + H:替换当前关键字
  • Ctrl + Alt + Enter:替换所有关键字匹配
  • Ctrl + Shift + F:多文件搜索&替换

跳转(Jumping)

  • Ctrl + P:跳转到指定文件,输入文件名后可以:
  • @ 符号跳转:输入@symbol跳转到symbol符号所在的位置
  • 关键字跳转:输入#keyword跳转到keyword所在的位置

  • : 行号跳转:输入:12跳转到文件的第12行。
  • Ctrl + R:跳转到指定符号
  • Ctrl + G:跳转到指定行号

窗口(Window)

  • Ctrl + Shift + N:创建一个新窗口
  • Ctrl + N:在当前窗口创建一个新标签
  • Ctrl + W:关闭当前标签,当窗口内没有标签时会关闭该窗口
  • Ctrl + Shift + T:恢复刚刚关闭的标签

屏幕(Screen)

  • F11:切换普通全屏
  • Shift + F11:切换无干扰全屏
  • Alt + Shift + 2:进行左右分屏
  • Alt + Shift + 8:进行上下分屏
  • Alt + Shift + 5:进行上下左右分屏
  • 分屏之后,使用Ctrl + 数字键跳转到指定屏,使用Ctrl + Shift + 数字键将当前屏移动到指定屏

延伸阅读(Further Reading)

书籍(Books)

链接(Links)

视频(Videos)

以上。

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

摘要(Abstract)

本文系统全面的介绍了Sublime Text,旨在成为最优秀的Sublime Text中文教程。

更新记录

  1. 2014/09/27:完成初稿
  2. 2014/09/28:
  • 更正打开控制台的快捷键为 Ctrl + `
  • 更正全局替换的快捷键为Ctrl + Alt + Enter

前言(Prologue)

Sublime Text是一款跨平台代码编辑器(Code Editor),从最初的Sublime Text 1.0,到现在的Sublime Text 3.0,Sublime Text从一个不知名的编辑器演变到现在几乎是各平台首选的GUI编辑器。而这样优秀的编辑器却没有一个靠谱的中文教程,所以我试图通过本文弥补这个缺陷。

编辑器的选择(Editor Choices)

从初学编程到现在,我用过的编辑器有EditPlus、UltraEdit、Notepad++、Vim、TextMate和Sublime Text,如果让我从中推荐,我会毫不犹豫的推荐Vim和Sublime Text,原因有下面几点:

  1. 跨平台:Vim和Sublime Text均为跨平台编辑器(在Linux、OS X和Windows下均可使用)。作为一个程序员,切换系统是常有的事情,为了减少重复学习,使用一个跨平台的编辑器是很有必要的。
  2. 可扩展:Vim和Sublime Text都是可扩展的(Extensible),并包含大量实用插件,我们可以通过安装自己领域的插件来成倍提高工作效率。
  3. 互补:Vim和Sublime Text分别是命令行环境(CLI)和图形界面环境(GUI)下的最佳选择,同时使用两者会大大提高工作效率。

个人背景(Personal Background)

我是一名非常典型的程序员:平时工作主要在Linux环境下使用Java和Python,偶尔会用HTML+CSS+JavaScript编写网页;业余时会在Windows环境编写一些C#程序(包括控制台程序(Console Application)和移动应用(Mobile App),也会玩一些非主流语言(比如Haskell,ML和Ruby等)以拓展见识。

所以这篇文章会我的个人工作内容为主要使用场景(Scenario),尽管无法覆盖到所有的使用场景,但我认为依然可以覆盖到绝大部分,如果您认为我遗漏了什么内容,请在文章下面回复,我会尽量更新。

本文风格(Writing Style)

受益于K&R C的写作风格,我倾向于以实际案例来讲解Sublime Text的功能,所以本文中的例子均源于我在实际开发时遇到的问题。

此外,把本文会使用大量动画(GIF)演示Sublime Text的编辑功能,因为我发现图片难以演示完整的编辑流程(Workflow),而视频又过于重量级。本文的GIF动画均使用ScreenToGif进行录制。

编辑器(Editor) vs 集成开发环境(Integrated Development Environment,下文简称IDE)

我经常看到一些程序员拿编辑器和IDE进行比较,诸如Vim比Eclipse强大或是Visual Studio太慢不如Notepad++好使之类的讨论比比皆是,个人认为这些讨论没有意义,因为编辑器和IDE根本是面向两种不同使用场景的工具:

  • 编辑器面向无语义的纯文本,不涉及领域逻辑,因此速度快体积小,适合编写单独的配置文件和动态语言脚本(Shell、Python和Ruby等)。
  • IDE面向有语义的代码,会涉及到大量领域逻辑,因此速度偏慢体积庞大,适合编写静态语言项目(Java、C++和C#等)。

我认为应当使用正确的工具去做有价值的事情,并把效率最大化,所以我会用Eclipse编写Java项目,用Vim编写Shell,用Sublime Text编写JavaScript/HTML/Python,用Visual Studio编写C#。

前言到此结束,下面进入正题。

安装(Installation)

Sublime Text官方网站提供了Sublime Text各系统各版本的下载,目前Sublime Text的最新版本是Sublime Text 3。这里以Windows版本的Sublime Text安装为例。

注意在安装时勾选Add to explorer context menu,这样在右键单击文件时就可以直接使用Sublime Text打开。

添加Sublime Text到环境变量

使用Win + R运行sysdm.cpl打开“系统属性”。

然后在“高级”选项卡里选择“环境变量”,编辑“Path”,增加Sublime Text的安装目录(例如D:Program FilesSublime Text 3)。

接下来你就可以在命令行里面利用subl命令直接使用Sublime Text了:

subl file :: 使用Sublime Text打开file文件subl folder :: 使用Sublime Text打开folder文件夹subl . :: 使用Sublime Text当前文件夹

安装Package Control

前文提到Sublime Text支持大量插件,如何找到并管理这些插件就成了一个问题,Package Control正是为了解决这个问题而出现的,利用它我们可以很方便的浏览、安装和卸载Sublime Text中的插件。

进入Package Control的官网,里面有详细的安装教程。Package Control支持Sublime Text 2和3,本文只给出3的安装流程:

  • 使用Ctrl + `打开Sublime Text控制台。
  • 将下面的代码粘贴到控制台里:
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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( 'http://sublime.wbond.net/' + 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)
  • 等待Package Control安装完成。之后使用Ctrl + Shift + P打开命令板,输入PC应出现Package Control:

成功安装Package Control之后,我们就可以方便的安装使用Sublime Text的各种插件:

购买(Purchase)

Sublime Text是一个收费闭源软件,这在一定程度上成为了我支持Sublime Text的理由(我心中的软件靠谱程度:免费开源 << 免费闭源 < 收费开源 < 收费闭源):在这里购买。

不过不购买Sublime Text也可以“正常”使用它,只是Sublime Text会时不时的弹出一个对话框提醒你购买。

激活方法:

打开菜单【帮助】——【输入注册码】

1595208269(1)

注册码这边就不提供了,大家可以自己百度一下“sublime text 3 注册码”来获得注册码,或者是自行购买正版的软件

这边注意一下,下面是注册码的开头结尾,复制注册码的时候要复制完整,不然会注册不成功的。

—– BEGIN LICENSE —–

—— END LICENSE ——

注册码输入完成点击下面的 Use License

1595208379(1)

注册完成之后会弹出下面的对话框,点击【确定】即可

1595208504(1)


这样激活就完成了。


现在网上很多注册码不可用,下面提供一种方案

1)建立一个bat文件(随便取个名字,如“runHost.bat”),复制以下代码到bat文件中:

@echo offSET NEWLINE=^& echo.FIND /C /I "license.sublimehq.com" %WINDIR%system32driversetchostsIF %ERRORLEVEL% NEQ 0 ECHO %NEWLINE%^127.0.0.1 license.sublimehq.com>>%WINDIR%System32driversetchostsFIND /C /I "45.55.255.55" %WINDIR%system32driversetchostsIF %ERRORLEVEL% NEQ 0 ECHO %NEWLINE%^127.0.0.1 45.55.255.55>>%WINDIR%System32driversetchostsFIND /C /I "45.55.41.223" %WINDIR%system32driversetchostsIF %ERRORLEVEL% NEQ 0 ECHO %NEWLINE%^127.0.0.1 45.55.41.223>>%WINDIR%System32driversetchosts
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

2)保存后关闭bat文件,右键“管理员身份运行”

20180622203035120

**图一 右键以管理员身份运行**

3)打开sublime text 3,在上方“help工具栏”下面对应的”enter license”,点击去,输入以下内容:

----- BEGIN LICENSE -----sgbteamSingle User LicenseEA7E-11532598891CBB9 F1513E4F 1A3405C1 A865D53F115F202E 7B91AB2D 0D2A40ED 352B269B76E84F0B CD69BFC7 59F2DFEF E267328F215652A3 E88F9D8F 4C38E3BA 5B2DAAE4969624E7 DC9CD4D5 717FB40C 1B9738CF20B3C4F1 E917B5B3 87C38D9C ACCE7DD85F7EF854 86B9743C FADC04AA FB0DA5C0F913BE58 42FEA319 F954EFDD AE881E0B------ END LICENSE ------
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

20180622203549880

**图二 这里就是enter license的地方(我已经输入了license,所以这里变成了remove license)**

4)输入完之后,点确定。就会显示注册成功了。

20180622204514121

**图三 注册成功**








概览(Tour)

基本概念(Basic Concepts)

Sublime Text的界面如下:



  • 标签(Tab):无需介绍。
  • 编辑区(Editing Area):无需介绍。
  • 侧栏(Side Bar):包含当前打开的文件以及文件夹视图。
  • 缩略图(Minimap):如其名。
  • 命令板(Command Palette):Sublime Text的操作中心,它使得我们基本可以脱离鼠标和菜单栏进行操作。
  • 控制台(Console):使用Ctrl + `调出,它既是一个标准的Python REPL,也可以直接对Sublime Text进行配置。
  • 状态栏(Status Bar):显示当前行号、当前语言和Tab格式等信息。

配置(Settings)

与其他GUI环境下的编辑器不同,Sublime Text并没有一个专门的配置界面,与之相反,Sublime Text使用JSON配置文件,例如:

{    "font_size": 12,    "highlight_line": true,}

会将默认字体大小调整为12,并高亮当前行。

JSON配置文件的引入简化了Sublime Text的界面,但也使得配置变的复杂,一般我会到这里查看可用的Sublime Text配置。

编辑(Editing)

Sublime Text的编辑十分人性化——它不像Vim那样反人类(尽管我也用Vim但我还是要说Vim的快捷键设定绝壁连代谢产物都不如),少量的快捷键就可以完成绝大多数编辑任务。

基本编辑(Basic Editing)

↑↓←→就是↑↓←→,不是KJHL,(没错我就是在吐槽Vim,尼玛设成WSAD也比这个强啊),粘贴剪切复制均和系统一致。

Ctrl + Enter在当前行下面新增一行然后跳至该行;Ctrl + Shift + Enter在当前行上面增加一行并跳至该行。

Ctrl + ←/→进行逐词移动,相应的,Ctrl + Shift + ←/→进行逐词选择。

Ctrl + ↑/↓移动当前显示区域,Ctrl + Shift + ↑/↓移动当前行。

选择(Selecting)

Sublime Text的一大亮点是支持多重选择——同时选择多个区域,然后同时进行编辑。

Ctrl + D选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl + K进行跳过,使用Ctrl + U进行回退,使用Esc退出多重编辑。

多重选词的一大应用场景就是重命名——从而使得代码更加整洁。尽管Sublime Text无法像IDE(例如Eclipse)那样进行自动重命名,但我们可以通过多重选词+多重编辑进行直观且便捷的重命名:

有时我们需要对一片区域的所有行进行同时编辑,Ctrl + Shift + L可以将当前选中区域打散,然后进行同时编辑:

有打散自然就有合并,Ctrl + J可以把当前选中区域合并为一行:

查找&替换(Finding&Replacing)

Sublime Text提供了强大的查找(和替换)功能,为了提供一个清晰的介绍,我将Sublime Text的查找功能分为快速查找、标准查找和多文件查找三种类型。

快速查找&替换

多数情况下,我们需要查找文中某个关键字出现的其它位置,这时并不需要重新将该关键字重新输入一遍然后搜索,我们只需要使用Shift + ←/→或Ctrl + D选中关键字,然后F3跳到其下一个出现位置,Shift + F3跳到其上一个出现位置,此外还可以用Alt + F3选中其出现的所有位置(之后可以进行多重编辑,也就是快速替换)。

标准查找&替换

另一种常见的使用场景是搜索某个已知但不在当前显示区域的关键字,这时可以使用Ctrl + F调出搜索框进行搜索:

以及使用Ctrl + H进行替换:

关键字查找&替换

对于普通用户来说,常规的关键字搜索就可以满足其需求:在搜索框输入关键字后Enter跳至关键字当前光标的下一个位置,Shift + Enter跳至上一个位置,Alt + Enter选中其出现的所有位置(同样的,接下来可以进行快速替换)。

Sublime Text的查找有不同的模式:Alt + C切换大小写敏感(Case-sensitive)模式,Alt + W切换整字匹配(Whole matching)模式,除此之外Sublime Text还支持在选中范围内搜索(Search in selection),这个功能没有对应的快捷键,但可以通过以下配置项自动开启。

"auto_find_in_selection": true

这样之后在选中文本的状态下范围内搜索就会自动开启,配合这个功能,局部重命名(Local Renaming)变的非常方便:

使用Ctrl + H进行标准替换,输入替换内容后,使用Ctrl + Shift + H替换当前关键字,Ctrl + Alt + Enter替换所有匹配关键字。

正则表达式查找&替换

正则表达式是非常强大的文本查找&替换工具,Sublime Text中使用Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使用Boost里的Perl正则表达式风格。

出于篇幅原因,本文不会对正则表达式进行详细介绍,Mastering Regex(中译本:精通正则表达式)对正则表达式的原理和各语言下的使用进行了详细介绍。此外网上有大量正则表达式的优秀教程(“正则表达式30分钟入门教程”和MSDN正则表达式教程.aspx)),以及在线测试工具(regexpal和regexer)。

多文件搜索&替换

使用Ctrl + Shift + F开启多文件搜索&替换(注意此快捷键和搜狗输入法的简繁切换快捷键有冲突):

多文件搜索&替换默认在当前打开的文件和文件夹进行搜索/替换,我们也可以指定文件/文件夹进行搜索/替换。

跳转(Jumping)

Sublime Text提供了强大的跳转功能使得我们可以在不同的文件/方法/函数中无缝切换。就我的使用经验而言,目前还没有哪一款编辑器可以在这个方面超越Sublime Text。

跳转到文件

Ctrl + P会列出当前打开的文件(或者是当前文件夹的文件),输入文件名然后Enter跳转至该文件。

需要注意的是,Sublime Text使用模糊字符串匹配(Fuzzy String Matching),这也就意味着你可以通过文件名的前缀、首字母或是某部分进行匹配:例如,EIS、Eclip和Stupid都可以匹配EclipseIsStupid.java。

跳转到符号

尽管是一个文本编辑器,Sublime Text能够对代码符号进行一定程度的索引。Ctrl + R会列出当前文件中的符号(例如类名和函数名,但无法深入到变量名),输入符号名称Enter即可以跳转到该处。此外,还可以使用F12快速跳转到当前光标所在符号的定义处(Jump to Definition)。

比较有意思的是,对于Markdown,Ctrl + R会列出其大纲,非常实用。

跳转到某行

Ctrl + G然后输入行号以跳转到指定行:

组合跳转

在Ctrl + P匹配到文件后,我们可以进行后续输入以跳转到更精确的位置:

  1. @ 符号跳转:输入@symbol跳转到symbol符号所在的位置
  2. 关键字跳转:输入#keyword跳转到keyword所在的位置

  3. : 行号跳转:输入:12跳转到文件的第12行。

所以Sublime Text把Ctrl + P称之为“Go To Anything”,这个功能如此好用,以至于我认为没有其它编辑器能够超越它。

中文输入法的问题

从Sublime Text的初版(1.0)到现在(3.0 3065),中文输入法(包括日文输入法)都有一个问题:输入框不跟随。

目前官方还没有修复这个bug,解决方法是安装IMESupport插件,之后重启Sublime Text问题就解决了。

文件夹(Folders)

Sublime Text支持以文件夹做为单位进行编辑,这在编辑一个文件夹下的代码时尤其有用。在File下Open Folder:

你会发现右边多了一个侧栏,这个侧栏列出了当前打开的文件和文件夹的文件,使用Ctrl + K, Ctrl + B显示或隐藏侧栏,使用Ctrl + P快速跳转到文件夹里的文件。

窗口&标签(Windows & Tabs)

Sublime Text是一个多窗口多标签编辑器:我们既可以开多个Sublime Text窗口,也可以在一个Sublime Text窗口内开多个标签。

窗口(Window)

使用Ctrl + Shift + N创建一个新窗口(该快捷键再次和搜狗输入法快捷键冲突,个人建议禁用所有搜狗输入法快捷键)。

当窗口内没有标签时,使用Ctrl + W关闭该窗口。

标签(Tab)

使用Ctrl + N在当前窗口创建一个新标签,Ctrl + W关闭当前标签,Ctrl + Shift + T恢复刚刚关闭的标签。

编辑代码时我们经常会开多个窗口,所以分屏很重要。Alt + Shift + 2进行左右分屏,Alt + Shift + 8进行上下分屏,Alt + Shift + 5进行上下左右分屏(即分为四屏)。

分屏之后,使用Ctrl + 数字键跳转到指定屏,使用Ctrl + Shift + 数字键将当前屏移动到指定屏。例如,Ctrl + 1会跳转到1屏,而Ctrl + Shift + 2会将当前屏移动到2屏。

全屏(Full Screen)

Sublime Text有两种全屏模式:普通全屏和无干扰全屏。

个人强烈建议在开启全屏前关闭菜单栏(Toggle Menu),否则全屏效果会大打折扣。

F11切换普通全屏:

Shift + F11切换无干扰全屏:

风格(Styles)

风格对于任何软件都很重要,对编辑器也是如此,尤其是GUI环境下的编辑器。作为一个程序员,我希望我的编辑器足够简洁且足够个性。

Notepad++默认界面

Sublime Text默认界面

所以在用过Sublime Text之后,我立刻就卸掉了Notepad++。

Sublime Text自带的风格是我喜欢的深色风格(也可以调成浅色),默认主题是Monokai Bright,这两者的搭配已经很不错了,不过我们还可以做得更好:接下来我将会展示如何通过设置偏好项和添加自定义风格/主题使得Sublime Text更加Stylish。

一些设置(Miscellaneous Settings)

下面是我个人使用的设置项。

// 设置Sans-serif(无衬线)等宽字体,以便阅读"font_face": "YaHei Consolas Hybrid","font_size": 12,// 使光标闪动更加柔和"caret_style": "phase",// 高亮当前行"highlight_line": true,// 高亮有修改的标签"highlight_modified_tabs": true,

设置之后的效果如下:

主题(Themes)

Sublime Text有大量第三方主题:[https://sublime.wbond.net/browse/labels/theme],这里我给出几个个人感觉不错的主题

Soda Light

Soda Dark

Nexus

Flatland

Spacegray Light

Spacegray Dark

配色(Color)

colorsublime包含了大量Sublime Text配色方案,并支持在线预览,配色方案的安装教程在这里,恕不赘述。

我个人使用的是Nexus主题和Flatland Dark配色,配置如下:

"theme": "Nexus.sublime-theme","color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",

效果如下:

编码(Coding)

优秀的编辑器使编码变的更加容易,所以 Sublime Text 提供了一系列功能以提高开发效率。

良好实践(Good Practices)

良好的代码应该是规范的,所以 Google 为每一门主流语言都设置了其代码规范(Code Style Guideline)。我自己通过下面的设置使以规范化自己的代码。

// 设置tab的大小为2"tab_size": 2,// 使用空格代替tab"translate_tabs_to_spaces": true,// 添加行宽标尺"rulers": [80, 100],// 显示空白字符"draw_white_space": "all",// 保存时自动去除行末空白"trim_trailing_white_space_on_save": true,// 保存时自动增加文件末尾换行"ensure_newline_at_eof_on_save": true,

代码段(Code Snippets)

Sublime Text 支持代码段(Code Snippet),输入代码段名称后Tab即可生成代码段。

你可以通过 Package Control 安装第三方代码段,也可以自己创建代码段。

格式化(Formatting)

Sublime Text 基本的手动格式化操作包括:​Ctrl + [ ​向左缩进,​Ctrl + ] ​向右缩进,此外​Ctrl + Shift + V​可以以当前缩进粘贴代码(非常实用)。

除了手动格式化,我们也可以通过安装插件实现自动缩进和智能对齐:

  • HTMLBeautify:格式化 HTML。
  • AutoPEP8:格式化 Python 代码。
  • Alignment:进行智能对齐。

自动完成(Auto Completion)

Sublime Text 支持一定的自动完成,按 Tab 自动补全。

括号(Brackets)

编写代码时会碰到大量的括号,利用​Ctrl + M​可以快速的在起始括号和结尾括号间切换,​Ctrl + Shift + M​则可以快速选择括号间的内容,对于缩进型语言(例如 Python )则可以使用​Ctrl + Shift + J​。

此外,我使用 ​BracketHighlighter ​插件以高亮显示配对括号以及当前光标所在区域,效果如下:

命令行(Command Line)

尽管提供了 Python 控制台,但 Sublime Text 的控制台仅支持单行输入,十分不方便,所以我使用Sublime​REPL以进行一些编码实验(Experiments)。

其它(Miscellaneous)

尽管我试图在本文包含尽可能多的 Sublime Text 实用技能,但受限于篇幅和我的个人经验,本文仍不免有所遗漏,欢迎在评论里指出本文的错误及遗漏。

下面是一些可能有用但我很少用到的功能:

  • 宏(Macro):Sublime Text 支持录制宏,但我在实际工作中并未发现宏有多大用处。
  • 其它平台(Other Platforms):本文只介绍了 Windows 平台上 Sublime Text 的使用,不过 Linux 和 OS X 上 Sublime Text 的使用方式和 Windows 差别不大,只是在快捷键上有所差异,请参考 Windows/Linux 快捷键和 OS X 快捷键。
  • 项目(Projects):Sublime Text 支持简单的项目管理,但我一般只用到文件夹。
  • Vim模式(Vintage):Sublime Text 自带 Vim 模式。
  • 构建(Build):通过配置,Sublime Text 可以进行源码构建。
  • 调试(Debug):通过安装插件,Sublime Text 可以对代码进行调试。

快捷键列表(Shortcuts Cheatsheet)

我把本文出现的Sublime Text按其类型整理在这里,以便查阅。

通用(General)

  • ↑↓←→:上下左右移动光标,注意不是不是 KJHL!
  • Alt:调出菜单
  • Ctrl + Shift + P:调出命令板(Command Palette)
  • Ctrl + `:调出控制台

编辑(Editing)

  • Ctrl + Enter:在当前行下面新增一行然后跳至该行
  • Ctrl + Shift + Enter:在当前行上面增加一行并跳至该行
  • Ctrl + ←/→:进行逐词移动
  • Ctrl + Shift + ←/→进行逐词选择
  • Ctrl + ↑/↓移动当前显示区域
  • Ctrl + Shift + ↑/↓移动当前行

选择(Selecting)

  • Ctrl + D:选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl + K进行跳过,使用Ctrl + U进行回退,使用Esc退出多重编辑
  • Ctrl + Shift + L:将当前选中区域打散
  • Ctrl + J:把当前选中区域合并为一行
  • Ctrl + M:在起始括号和结尾括号间切换
  • Ctrl + Shift + M:快速选择括号间的内容
  • Ctrl + Shift + J:快速选择同缩进的内容
  • Ctrl + Shift + Space:快速选择当前作用域(Scope)的内容

查找&替换(Finding&Replacing)

  • F3:跳至当前关键字下一个位置
  • Shift + F3:跳到当前关键字上一个位置
  • Alt + F3:选中当前关键字出现的所有位置
  • Ctrl + F/H:进行标准查找/替换,之后:
    • Alt + C:切换大小写敏感(Case-sensitive)模式
    • Alt + W:切换整字匹配(Whole matching)模式
    • Alt + R:切换正则匹配(Regex matching)模式
    • Ctrl + Shift + H:替换当前关键字
    • Ctrl + Alt + Enter:替换所有关键字匹配
  • Ctrl + Shift + F:多文件搜索&替换

跳转(Jumping)

  • Ctrl + P:跳转到指定文件,输入文件名后可以:@ 符号跳转:输入@symbol跳转到symbol符号所在的位置# 关键字跳转:输入#keyword跳转到keyword所在的位置: 行号跳转:输入:12跳转到文件的第12行。
  • Ctrl + R:跳转到指定符号
  • Ctrl + G:跳转到指定行号

窗口(Window)

  • Ctrl + Shift + N:创建一个新窗口
  • Ctrl + N:在当前窗口创建一个新标签
  • Ctrl + W:关闭当前标签,当窗口内没有标签时会关闭该窗口
  • Ctrl + Shift + T:恢复刚刚关闭的标签

屏幕(Screen)

  • F11:切换普通全屏
  • Shift + F11:切换无干扰全屏
  • Alt + Shift + 2:进行左右分屏
  • Alt + Shift + 8:进行上下分屏
  • Alt + Shift + 5:进行上下左右分屏
  • 分屏之后,使用Ctrl + 数字键跳转到指定屏,使用Ctrl + Shift + 数字键将当前屏移动到指定屏


快捷键列表(Shortcuts Cheatsheet)

我把本文出现的Sublime Text按其类型整理在这里,以便查阅。

通用(General)

  • ↑↓←→:上下左右移动光标,注意不是不是KJHL!
  • Alt:调出菜单
  • Ctrl + Shift + P:调出命令板(Command Palette)
  • Ctrl + `:调出控制台

编辑(Editing)

  • Ctrl + Enter:在当前行下面新增一行然后跳至该行
  • Ctrl + Shift + Enter:在当前行上面增加一行并跳至该行
  • Ctrl + ←/→:进行逐词移动
  • Ctrl + Shift + ←/→进行逐词选择
  • Ctrl + ↑/↓移动当前显示区域
  • Ctrl + Shift + ↑/↓移动当前行

选择(Selecting)

  • Ctrl + D:选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl + K进行跳过,使用Ctrl + U进行回退,使用Esc退出多重编辑
  • Ctrl + Shift + L:将当前选中区域打散
  • Ctrl + J:把当前选中区域合并为一行
  • Ctrl + M:在起始括号和结尾括号间切换
  • Ctrl + Shift + M:快速选择括号间的内容
  • Ctrl + Shift + J:快速选择同缩进的内容
  • Ctrl + Shift + Space:快速选择当前作用域(Scope)的内容

查找&替换(Finding&Replacing)

  • F3:跳至当前关键字下一个位置
  • Shift + F3:跳到当前关键字上一个位置
  • Alt + F3:选中当前关键字出现的所有位置
  • Ctrl + F/H:进行标准查找/替换,之后:
  • Alt + C:切换大小写敏感(Case-sensitive)模式
  • Alt + W:切换整字匹配(Whole matching)模式
  • Alt + R:切换正则匹配(Regex matching)模式
  • Ctrl + Shift + H:替换当前关键字
  • Ctrl + Alt + Enter:替换所有关键字匹配
  • Ctrl + Shift + F:多文件搜索&替换

跳转(Jumping)

  • Ctrl + P:跳转到指定文件,输入文件名后可以:
  • @ 符号跳转:输入@symbol跳转到symbol符号所在的位置
  • 关键字跳转:输入#keyword跳转到keyword所在的位置

  • : 行号跳转:输入:12跳转到文件的第12行。
  • Ctrl + R:跳转到指定符号
  • Ctrl + G:跳转到指定行号

窗口(Window)

  • Ctrl + Shift + N:创建一个新窗口
  • Ctrl + N:在当前窗口创建一个新标签
  • Ctrl + W:关闭当前标签,当窗口内没有标签时会关闭该窗口
  • Ctrl + Shift + T:恢复刚刚关闭的标签

屏幕(Screen)

  • F11:切换普通全屏
  • Shift + F11:切换无干扰全屏
  • Alt + Shift + 2:进行左右分屏
  • Alt + Shift + 8:进行上下分屏
  • Alt + Shift + 5:进行上下左右分屏
  • 分屏之后,使用Ctrl + 数字键跳转到指定屏,使用Ctrl + Shift + 数字键将当前屏移动到指定屏

延伸阅读(Further Reading)

书籍(Books)

链接(Links)

视频(Videos)

以上。

Package Control

插件管理器

1)在 Sublime 中打开 View –> Show Console,将以下代码复制到输入框中后按回车键 

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen('http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

2)验证是否安装成功 打开 Preferences –> Package Control,如果能看到此菜单,则表示安装成功

Emmet

HTML/CSS代码快速编写插件 

1)打开控制台 在Sublime中打开Preferences –> Package Control,也可直接按快捷键ctrl+shift+p,选择或搜索 Install Package 

2)安装 Emmet 插件 在输入框中输入 emmet,点击出现的插件,下方状态栏会显示安装状态,安装完成会显示说明文档 

3)安装PyV8插件 正常情况下,当安装完Emmet插件后会自动下载并安装PyV8插件,直至状态栏不动为止 

4)验证是否安装成功 新建一个.html文件,在文件中键入字符!(注意是英文符号),然后按“Tab“键,如果出现html基础结构则表示安装成功

PyV8

Emmet插件依赖于PyV8插件,如果自动安装PyV8插件失败,则需要手动下载PyV8插件并安装 

1)下载PyV8插件 打开浏览器,输入:https://github.com/emmetio/pyv8-binaries,点击下图中的绿色按钮,再点击“Download ZIP“ 

2)拷贝到Sublime中 将下载文件解压缩,再找到pyv8-osx-p3.zip文件,同样解压缩,将其中的2个文件拷贝到PyV8/osx-p3目录下,如果该文件夹中有其它内容,可以先全部删除再粘贴 

3)安装 再次打开Sublime后需等待安装结束(查看状态栏,静止不变),再次尝试

HTML5

在Sublime中安装 HTML5 插件

CSS3

在Sublime中安装 CSS3 插件

JavaScript Completions

在Sublime中安装 JavaScript Completions 插件

jQuery

在Sublime中安装 jQuery 插件

JsFormat

在Sublime中安装 JsFormat 插件

HTML-CSS-JS Prettify

HTML/CSS/JS代码格式化插件 

1)在Sublime中安装 HTML-CSS-JS Prettify 插件 

2)其依赖于Node.js,所以需要安装Node.js 到Node.js官网下载对应的版本并安装 

3)确认Node.js安装路径 鼠标右键HTML/CSS/JS Prettify –> Set node Path,指定Node.js的安装路径 

4)格式化代码 鼠标右键HTML/CSS/JS Prettify –> Pretty Code

Pretty JSON

JSON代码格式化插件 

1)在Sublime中安装 Pretty JSON 插件 

2)自定义快捷键 打开Preference –> Key Bindings-User,添加格式化代码快捷键为ctrl+shift+f { “keys”: [“ctrl+shift+f”], “command”: “pretty_json” }

Better Completion

JavaScript、jQuery、Bootstrap等js库的自动补全插件,该插件的特点就是可以自定义配置需要自动补全的库。 

1)在Sublime中安装 Better Completion 插件 

2)配置需要自动补全的库

SideBarEnhancements

侧边栏增强插件,可以指定预览时使用的浏览器并设置快捷键 

1)在Sublime中安装 SideBarEnhancements 侧边栏增强插件 

2)指定使用的浏览器 打开Preference –> Package Settings –> Side Bar –> Settings User,在打开的文件中添加如下内容 { “default_browser”: “chrome” //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari } 

3)为浏览器绑定快捷键 打开Preference –> Package Settings –> Side Bar –> key Bindings-User,在打开的文件中添加如下内容 { “keys”: [“alt+f12”], “command”: “side_bar_open_in_browser” }, 至此,所有设置已经完成,可以在页面中按相应的热键,直接在指定的浏览器中预览

LESS

LESS语法高度显示和代码提示 

1)在Sublime中安装 LESS 插件 

2)关闭并重新打开.less文件即可

Less2Css

编译Less,保存.less文件时自动编译为.css文件 

1)在Sublime中安装 Less2Ccss 插件 

2)根据环境不同配置安装也有所不同,分为windows环境和MacOS环境,具体可参考:https://fdream.net/blog/article/783.aspx 2.1在windows环境下,依赖less.js-windows 

2.1.1)下载less.js-windows-master.rar文件,解压到本地目录。 

2.1.2)将目录路径添加到环境变量PATH中,如D:openless.js-windows: 

2.1.3)验证是否成功 打开DOS命令行,输入lessc,如果有如下提示则表示设置成功 2.2在MacOS环境下,依赖nodejs和lessc 

2.2.1)安装npm:官网直接下载node-v6.9.5.pkg并安装,会自动安装npm 

2.2.2)安装lessc:在终端执行sudo npm install less -gd,安装完成后在终端执行命令lessc验证 

2.2.3)安装less-plugin-clean-css:在终端执行sudo npm install less-plugin-clean-css -g 

2.2.4)验证是否成功

SublimeServer

让Sublime成为静态WEB服务器,无需单独启动Tomcat或者Apache这样的重型服务器 

1)在Sublime中安装 SublimeServer 插件 

2)安装完成后点击菜单栏中的”工具”——”SublimeServer”——”Settings”,可以查看并修改SublimeServer的服务器端口、文件扩展名等 

3)点击Start SublimeServer可以启动服务器 

4)在打开的.html文件中右击,选择”View in SublimeServer”会自动打开浏览器并通过Web服务器进行访问 注:SublimeServer要求你的代码文件夹,要添加到Sublime Text的项目里面才能访问,步骤:点击菜单栏中的”项目”——”添加文件夹到项目”。

Color Highlighter

展示颜色代码的真正颜色。同时还提供一个颜色选择器可以方便地更改颜色。 

1)在Sublime中安装 Color Highlighter 插件 

2)修改颜色显示方式,默认为下划线显示,修改为填充显示 打开Preference –> Package Settings –> Color Highlighter –> Settings User,在打开的文件中添加如下内容 { “ha_style”: “filled”, } 

3)此时会看到颜色代码会直接显示相应的颜色,同时可以右击选择”Choose color”打开颜色选择器,自己选择更改颜色

CSS Extended Completions

智能提示.css文件中的类名,需要关联添加CSS文件 

1)在Sublime中安装 CSS Extended Completions 插件 

2)将提示文件添加到Cache缓存中 在侧边栏中右击文件,选择”CSS Extended Completions”——”Add CSS Files To Cache”等 

3)在.html文件中引入.css样式文件,这时在html页面中编写样式时会自动提示前面添加的css文件中的样式

AutoFileName

提示文件路径,快速输入文件名 

1)在Sublime中安装 AutoFileName 插件 

2)在输入文件路径时会自动提示,如路径名、图片选取等

Doc​Blockr

生成优美注释 

1)在Sublime中安装 Doc​Blockr 插件 

2)输入/*或/,然后按回车,会自动生成优美注释,如果在函数上面写/,还会包括参数、返回值等

GitGutter

本地Git变化提示,可以在行首显示当前行的Git状态,是增加的、修改的还是删除的 

1)在Sublime中安装 GitGutter 插件 

2)在当前Git状态与本地仓库中的状态有改变时会显示

AngularJS

AngularJS提示插件 在Sublime中安装 AngularJS 插件即可

MarkdownEditing

编辑markdown时高亮显示 

1)在Sublime中安装 MarkdownEditing 插件 

2)设置显示样式外观等 打开Preference –> Package Settings –> Markdown Editing –> Markdown GFM Settings-User,在打开的文件中添加如下内容 { // “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme”, “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme”, “draw_centered”: false, //默认为true,居中对齐,设置为false,左对齐 “wrap_width”: 120, //每行字符数上限 “highlight_line”: true, //当前行高亮显示 } 注:更多配置可以参考Markdown GFM Settings-Default

Markdown Preview

在浏览器中预览生成的HTML文件 

1)在Sublime中安装 Markdown Preview 插件 

2)为浏览器绑定快捷键 打开Preference –> Key Bindings-User,在打开的文件中添加如下内容 {“keys”: [“alt+f11”], “command”: “markdown_preview”, “args”: { “target”: “browser”}} 至此,所有设置已经完成,编辑md文件后按相应的热键,直接在指定的浏览器中预览

Terminal

在当前位置打开终端 

1)在Sublime中安装 Terminal 插件 

2)使用方法 在左侧的边栏中右击文件,选择Open Terminal Here即可

SublimeText-Nodejs

在Sublime中直接运行调试(此插件的安装方式比较特殊,无法直接通过Package Console安装) 

1)git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application Support/Sublime Text 3/Packages/Nodejs 

2)配置 当安装好nodejs后,接着进入Perferences -> Browse Packages -> Nodejs 打开Nodejs.sublime-build文件,将osx中内容改为 “cmd”: [“killall node; /usr/local/bin/node $file”] 打开Nodejs.sublime-settings文件,将node_command内容改为/usr/local/bin/node,npm_command内容改为/usr/local/bin/npm 

3)运行node.js 通过快捷键command + b直接运行,显示调试结果(此插件的安装方式比较特殊,无法直接通过Package )

ConvertToUTF8

解决Sublime不支持GBK、GB2312编码的问题,支持打开GBK编码的文件 在Sublime中安装 ConvertToUTF8 插件

cssrem

自动将CSS的px值转换为rem值(此插件的安装方式比较特殊,无法直接通过Package Console安装) 

1)git clone https://github.com/hyb628/cssrem.git 

2)进入packages目录:Sublime Text -> Preferences -> Browse Packages 

3)将克隆下载的cssrem-master目录复制到上一步打开的Packges目录里 

4)修改默认配置 打开cssrem-master目录下的cssrem.sublime-settings文件,进行修改 { “px_to_rem”: 40, //px转rem的单位比例,默认为40,一般修改为100 “max_rem_fraction_length”: 6, //px转rem的小数部分的最大长度。默认为6。 “available_file_types”: [“.css”, “.less”, “.sass”,”.html”] //启用此插件的文件类型。默认为:[“.css”, “.less”, “.sass”] } 

5)重启Sublime Text


//www.51coolma.cn/sublimetext3

作为一个前端,有一款好的开发利器是必不可少的,editplus、notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了)。几年前,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱,不少前端er纷纷抛弃用了数年的“伙伴”,投入了她的怀抱——Sublime Text 2。本文要介绍的是她的最新版Sublime Text 3。


ST3是一款跨平台的编辑器,再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。目前,还是beta版中,不过功能已经很强大了,更新也很快,目前最新是3047。ST3不是免费的,但可以永久免费使用,只是偶尔在保存的时候,会弹出要你购买注册的对话框,仅此而已。

Sublime Text 3编辑器拥有以下优点:

1. sublime text 编辑器单从界面看非常简洁,可以说让人一见倾心的感觉。完全符合码农的口味~~。功能上也不复杂,就跟记事本似的,很容易上手。


2.可以自由扩展,sublime 提供了安装插件的方式,可以任意安装你想要的插件,功能强大的可以一句话总结“只有你想不到,没有它做不到”。


3.体积小,sublime 占用的内存很小,才30几M,这对于其他大型编辑器例如“dw”、webstrom 等来说是小的可怜~~,且运行速度超快!再也不用担心系统卡顿了~


4.可以多屏显示。sublime 编辑器可以显示多个屏幕,方便你编写及查看对应的文档代码,如果你屏幕够大,分四个屏同时开发,那工作效率可谓杠杠滴~


5.还可以快速编写代码,要是 sublime 编辑器安装了 emmet 的插件,写 html 那速度可谓是空前绝后,三下五的功夫就能编出一整段 html


6.还能多重选择,比如我修改某个 li 为 p ,可以先双击 li 然后按ctrl+D,编辑器会自动选择下一个 li ,这样闭合的 li 就能同时修改为 p 了~


7.很多方便的快捷键功能,比方说快捷键 cmd+d ,这个快捷键的强大之处超过了 cmd+f ,编程有时候需要修改一个本地的变量名或者方法名需要选取本地所有的同名字变量修改(主意,不是整个文件,可能只是整个文件的某一块位置),这个时候cmd+d可以说是超级的方便。逐行选取以后同时修改即可。


有兴趣的同学,可以直接下载一个用用看。


在网上看到许多关于sublime插件的分享,感觉都是一些片段,没有很详细的那种整理说明。在这里给大家分享一些我常用的 sublime text 插件。


  • All Autocomplete

  Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。 sublime text 3 插件整理分享


  • Alignment

  代码对齐


  • AutoFileName

  快速帮助你在文件中写路径整体来说还不错


  • Autoprefixer

  这个插件主要应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件,可以配置你要兼容的浏览器,不过这个插件要在之前安装nodejs

sublime text 3 插件整理分享


  • BracketHighlighter

  配置文件的高亮设置,让你的代码有不同的颜色区分该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的加强吧。 

sublime text 3 插件整理分享


  • BufferScroll

  你可以轻松书写一个文件多个位置了

sublime text 3 插件整理分享


  • ChineseLocalization

  各国语言包,小日本的都有哦

sublime text 3 插件整理分享


  • Color Highlighter

  颜色功能还是很爽的,找了好久

sublime text 3 插件整理分享

sublime text 3 插件整理分享


  • CSS Comments

       该有的都有,不该有的也有了

sublime text 3 插件整理分享


  • CSS Format

  css序列化插件,支持默认多种序列方案,还可以自己配置自己喜欢的


  • CSS3

css3语言提示插件,本来不想写的,也不是什么特别的,但是可能会有人用到


  • CTags

  实在方法跳转,跳转到你方法

  之后在win7下或者linux下安装ctags软件

  1.   打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径
  2. 这个插件能跨文件跳转,跳转到指定函数声明的地方(ctrl+alt+左键)。 使用package control 搜索ctags 进行安装(安装ctags插件就可以了, 还有一个 CTags for PHP 插件没什么用),注意安装好插件后要需要安装ctags命令。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd, 输入ctags,如果有这个命令,证明成功了。ubuntu下安装运行命令:sudo apt-get install exuberant-ctags 。然后在sublime项目文件夹右键, 会出 现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件 然后在你代码中, 光标放在某个函数上, 点击 就可以跳转到函数声明的地方。


  • DocBlockr

  DocBlocker 是在Sublime平台上开发一款自动补全注释插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言

sublime text 3 插件整理分享sublime text 3 插件整理分享

sublime text 3 插件整理分享sublime text 3 插件整理分享


  • Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

 sublime text 3 插件整理分享

sublime text 3 插件整理分享

sublime text 3 插件整理分享


  • HTML-CSS-JS Prettify

  全能序列化


  • JavaScript Completions

  js最基本的api快查片段

sublime text 3 插件整理分享


  • JsFormat

  js序列化,能排在下载插件前25位,好的话就不用说了


  • Keymaps

  快速查找所有插件的快捷键

sublime text 3 插件整理分享


  • LiveStyle

  LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!,并且最近支持less,scss

  你本地css文件可以和浏览器的css文件映射,同步到本地,但是必须在chrome上运行,chrome必须安装相应的插件

sublime text 3 插件整理分享


  • PackageResourceViewer

  通过这个特殊的插件,会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹,以便您可以安全地对其进行编辑。

  很多人苦恼不能修改左侧导航面板字体大小,用这个可以轻松办到

  安装PackageResourceViewer 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 Package Control:Install 回车,等待加载package列表 搜索并安装 PackageResourceViewer 包

  最后,使用PackageResourceViewer打开Theme文件进行编辑 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 PackageResourceViewer: Open Resource 回车,打开包列表 选择 Theme - Default,再选择 Default.sublimt-theme 搜索   sidebar_label,在 "class": "sidebar_label" 后边加一行:"font.size": 18,将字体大小设置为18,保存。 好啦,大功告成!

  如果觉得行间距太小,可以往上找下,有个class:"sidebartree",调一下里边的rowpadding配置即可。

sublime text 3 插件整理分享


  • Pretty JSON

JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式

sublime text 3 插件整理分享


  • SideBarEnhancements

  增强右键菜单文件操作功能

 sublime text 3 插件整理分享


  • SublimeCodeIntel

  一个全功能的 Sublime Text 代码自动完成引擎 ,本人做过对比,但是如果和webstorm的自动寻找还是稍逊一筹,不过对于大部分人来说够用了,能很方便跳到你想要的方法

  支持的语言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)


  • SublimeLinter

  代码校验插件,支持多种语言,这个是主插件,如果想检测特定的文件需要单独下载


  • SublimeLinter-jshint

  这个就是单独的插件,上面的一个分支


  • SublimeTmpl

  创建常用文件初始模板,必须html,css,js模板


  • Tag

  HTML/XML标签缩进、补全和校验


  • Themr

  sublime可以下载很多风格样式,用这个插件可以管理所有的风格


以上插件就是我们大部分要用到的,其它的我就不细说了,因为每个人不一样,比如说git,sass,svn这些你们可以自己查找


插件的网址如下:(https://packagecontrol.io/browse  ) 希望你可以找到你喜欢的插件


以下是一些sublime text 在Windows上常用功能和常用快捷键分享

常用功能:

1.可以直接打开图片

版本3有个很好的特性(对于前端来说):可以直接在ST3中打开图片。

2.Goto Anything功能 — 快速查找ctrl + P

  • 输入@+函数名可以快速找到函数。
  • 输入#+文本可以快速进行文件内文本匹配。

3.多行游标功能(ctrl + D,非常实用)

如何将文件中的某个单词更改为另一个?

  • 方法一:利用查找替换功能:ctrl + H
  • 方法二(推荐):多行游标功能,选中一个后,按 ctrl+D 可以同时选中另一个,同时多了另一个光标。

但多行游标能完成查找替换功能不能完成的工作。比如在某些符合条件的语句后面添加新行,同时加入一些新的文本,如何快速的达到这一目的?

  • 可以选中某一个模式,然后 ctrl+D 选中另一个,如果有某些不想添加新行的模式则按 ctrl+K,ctrl+D 跳过这个进入下一个符合条件的模式行。
  • 还可以按 Alt + F3 快捷键全选所有符合条件的单词,产生多个光标,而不用一个个 ctrl+D 选中。
  • 如果要在每行都加入光标,可以先 ctrl+A 然后 ctrl+shift+L 即可。
  • 如果想在某个字符的多行后面加上光标,可以将光标放在这个字符后面,按住 shift 键,然后右键可以向下拖动产生多个光标。

4.命令模式(应尽可能使用,而不用浪费脑细胞记忆大量命令的快捷键)

比如用 ctrl+N 新建一个文件后,默认是 plain text,没有语法高亮功能,如何设置语法模式?

  • 可以通过右下角的语法选择区选择希望设置的语法模式。
  • 还有另一种更好的办法,即使用 ctrl + shift + P 打开命令模式,然后输入set syntax [language]设置为某种语言的语法模式,比如set syntax java则设置为java语法高亮。
  • st3支持模糊匹配,你也可以直接输入syntax java或ssjava。
  • 若当前已经是某种语言的语法模式,则可以直接输入其它语言进行切换(而不用输入set syntax或syntax了),比如当然为java语法模式,那么直接输入js就可以马上切换为javascript语法模式。

还可以输入minimap隐藏或显示右边的minimap缩影

5.快速跳转到某一行

按下 Ctrl + G,输入行号,可以快速跳转到该行。

6.快速添加新行

  • Ctrl + Enter可以在当前行下新建一行。
  • Ctrl + Shift + Enter可以在当前行上面添加一行。

7.多行缩进

选中多行后按Ctrl + ]可以增加缩进,按Ctrl + [可以减少缩进。PS:发现用Tab和Shift + Tab也是可以的。

8.完整拷贝,避免格式错乱

我们发现,在从别的文件中拷贝一段代码过来的时候,多半只是第一行缩进,后面都乱了,这时可以使用Ctrl + Shift + V进行粘贴,可以在粘贴的过程中保持缩进,这时格式都是正确的。

9.重新打开关闭的标签

在Chrome里面,如果你不小心关闭了某个标签页并想恢复它,你可以按下Shift + Ctrl + T重新打开它。在ST3中也一样,如果你不小心关闭了某个文件,可以按下Shift + Ctrl + T快速恢复。连续重复该按键,ST将会按照关闭的先后顺序重新打开标签页。

10.按住 shift + ctrl 然后按 或 → 可快速选中一行中的某一部分,连续按扩大选择范围。

比如你需要将某一部分进行注释(ctrl+/)或删除,使用这个功能就很方便。

11.上下移动行

定位光标或选中某块区域,然后按 shift+ctrl+↑↓ 可以上下移动该行。

12.shift + ctrl + d :可快速复制光标所在的一整行,并复制到该行之前。

13.Ctrl+Shift+M:选中花括号里面的全部内容不包括{}。

14.Ctrl+Shift+K:删除整行。

15.快速关闭HTML里的标签

写html文件时利用快捷键 Alt + . 可以快速关闭某个标签,如写 <html> 后按Alt+.可以快速得到 </html> 。但这样还是挺繁琐,可以使用前端插件 Emmet 插件,直接在新建的 html 文件里(首先得设置语法模式为 html )直接输入!(代表 html5 格式的 html 文档)然后按下ctrl+E即可。


常用快捷键:

ctrl+shift+n 打开新Sublime 

ctrl+shift+w 关闭Sublime,关闭所有打开文件 

ctrl+shift+t 重新打开最近关闭文件 

ctrl+n 新建文件 

ctrl+s 保存 

ctrl+shift+s 另存为 

ctrl+f4 关闭文件 

ctrl+w 关闭 

ctrl+k, ctrl+b 切换侧边栏显示状态 

f11 切换全屏状态 

shift+f11 免打扰模式状态切换 

backspace 删除左侧 

shift+backspace 左侧删除 

ctrl+shift+backspace 左侧全部删除 

delete 右侧删除 

enter 插入 

shift+enter 插入 

ctrl+z 撤消 

ctrl+shift+z 重做 

ctrl+y 重做或重复 

ctrl+u 软撤消 

ctrl+shift+u 软重做 

ctrl+shift+v 粘贴并格式化 

shift+delete 剪切 

ctrl+insert 拷贝 

shift+insert 粘贴 

ctrl+x 剪切 

ctrl+c 拷贝 

ctrl+v 粘贴 

left 移动 

right 移动 

up 移动 

down 移动 

shift+left 移动并选择 

shift+right 移动并选择 

shift+up 移动并选择 

shift+down 移动并选择 

ctrl+left 按w规则移动(跳跃) 

ctrl+right 按w规则移动(跳跃) 

ctrl+shift+left 按w规则移动并选择


Python安装过程请看这里:Python3 安装,我就不在这多做说明了。

安装完成后,我们就可以在Sublime Text3中编辑运行python代码了,主要步骤如下:

  • 这里编写的python测试代码如下,很简单,2个函数,一个计算次方,一个创建窗口:

090341

  • 编写完成后,还不能直接运行python代码,这里需要配置一下编译系统,如下,依次点击“工具”->“新编系统”->“新建编译系统...”,输入以下配置信息,这里替换成自己的python解释器路径就行:

090342

  • 配置完成后,保存编译系统,然后选中这个系统,再按“Ctrl+B”,就能正常运行python代码了,如下:

090340

至此,我们就完成了python的安装,以及如何在Sublime text3中配置运行python代码。总的来说,整个过程不难,只要你按着上面的步骤一步步安装配置,很快就能成功安装python,并且在Sublime text3中运行python程序,网上也有相关教程和资料可供参考,感兴趣的话,可以搜索一下。

问题描述:

st3下ctrl+b执行python文件,报错“ImportError: cannot import name ThreadingTCPServer”

但是在命令行下没有问题,可以引用ThreadingTCPServer。

sublime text 3下编译python过不去


解答:

你为什么这么想不开,非要起一个和系统模块名字一样的文件名?

基础教程里说的每个python程序文件都可以作为模块导入。你没看?


sublime text 3有新版本后,会不停地在每次启动后弹窗提示更新版本:

sublime text3怎么关闭提示更新


由于种种原因,导致不想升级现有版本的ST3,但是被它的升级提醒弹窗严重骚扰!

解 决 办 法:

点击菜单栏“Preferences”=> "Settings-User" 进入个人参数设置页面;

修改右边的User Settings,添加一行:

"update_check": false,

结果如下图所示:

sublime text3怎么关闭提示更新


设置完成后,重启软件就可以解决问题了。


下载安装完sublime最新版本,发现初始语言是英文,对于一部分人来说,看起来太累了。所以想着怎么把语言改成中文简体。


1.  首先打开sublime,键盘按下  ctrl + shift  + p  弹出下面的界面,在对话框搜索 Install Package Control,点击:

Sublime Text怎么设置成中文简体


2.  刚点击之后并不会立刻有反应,需要稍等一会,(我当时就以为自己没点到,其实并不是),然后就会弹出一个消息框,表示插件列表加载完成。

Sublime Text怎么设置成中文简体


3.  点击确定,再次按下  ctrl + shift  + p, 搜索  Package Control: install Package , 搜索出来后单击,然后就会再弹出一个对话框,搜索 ChineseLocaloztions


Sublime Text怎么设置成中文简体


4.  点击之后,中文包就安装完成了,注意需要重新打开Sublime Text,点击任务栏中的Help->最下面的Language->简体中文 (不重新打开是找不到的哦)

Sublime Text怎么设置成中文简体

使用Sublime text 3 编写代码是一种享受,使用Sublime text 3 格式化代码插件也是一种享受,HTML-CSS-JS Prettify是一款集成了格式化(美化)html、css、js三种文件类型的插件。插件依赖于nodejs,因此需要事先安装nodejs(此处划重点),然后才可以正常运行。

使用Sublime text 3 格式化 HTML 代码,需要安装插件,具体安装步骤如下:

1、打开菜单->首选项->插件控制(也可以使用快捷键ctrl+shift+p调出控制台),输入 install package

2、等待程序进入插件管理功能,再输入插件名称:prettify

3、点击安装插件HTML-CSS-JS Prettify。

4、插件安装成功后,在需要格式化的HTML/css/js代码中,选中代码,然后按Ctrl+Alt+H对代码进行格式化。



Package Control

插件管理器

1)在 Sublime 中打开 View –> Show Console,将以下代码复制到输入框中后按回车键 

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen('http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

2)验证是否安装成功 打开 Preferences –> Package Control,如果能看到此菜单,则表示安装成功

Emmet

HTML/CSS代码快速编写插件 

1)打开控制台 在Sublime中打开Preferences –> Package Control,也可直接按快捷键ctrl+shift+p,选择或搜索 Install Package 

2)安装 Emmet 插件 在输入框中输入 emmet,点击出现的插件,下方状态栏会显示安装状态,安装完成会显示说明文档 

3)安装PyV8插件 正常情况下,当安装完Emmet插件后会自动下载并安装PyV8插件,直至状态栏不动为止 

4)验证是否安装成功 新建一个.html文件,在文件中键入字符!(注意是英文符号),然后按“Tab“键,如果出现html基础结构则表示安装成功

PyV8

Emmet插件依赖于PyV8插件,如果自动安装PyV8插件失败,则需要手动下载PyV8插件并安装 

1)下载PyV8插件 打开浏览器,输入:https://github.com/emmetio/pyv8-binaries,点击下图中的绿色按钮,再点击“Download ZIP“ 

2)拷贝到Sublime中 将下载文件解压缩,再找到pyv8-osx-p3.zip文件,同样解压缩,将其中的2个文件拷贝到PyV8/osx-p3目录下,如果该文件夹中有其它内容,可以先全部删除再粘贴 

3)安装 再次打开Sublime后需等待安装结束(查看状态栏,静止不变),再次尝试

HTML5

在Sublime中安装 HTML5 插件

CSS3

在Sublime中安装 CSS3 插件

JavaScript Completions

在Sublime中安装 JavaScript Completions 插件

jQuery

在Sublime中安装 jQuery 插件

JsFormat

在Sublime中安装 JsFormat 插件

HTML-CSS-JS Prettify

HTML/CSS/JS代码格式化插件 

1)在Sublime中安装 HTML-CSS-JS Prettify 插件 

2)其依赖于Node.js,所以需要安装Node.js 到Node.js官网下载对应的版本并安装 

3)确认Node.js安装路径 鼠标右键HTML/CSS/JS Prettify –> Set node Path,指定Node.js的安装路径 

4)格式化代码 鼠标右键HTML/CSS/JS Prettify –> Pretty Code

Pretty JSON

JSON代码格式化插件 

1)在Sublime中安装 Pretty JSON 插件 

2)自定义快捷键 打开Preference –> Key Bindings-User,添加格式化代码快捷键为ctrl+shift+f { “keys”: [“ctrl+shift+f”], “command”: “pretty_json” }

Better Completion

JavaScript、jQuery、Bootstrap等js库的自动补全插件,该插件的特点就是可以自定义配置需要自动补全的库。 

1)在Sublime中安装 Better Completion 插件 

2)配置需要自动补全的库

SideBarEnhancements

侧边栏增强插件,可以指定预览时使用的浏览器并设置快捷键 

1)在Sublime中安装 SideBarEnhancements 侧边栏增强插件 

2)指定使用的浏览器 打开Preference –> Package Settings –> Side Bar –> Settings User,在打开的文件中添加如下内容 { “default_browser”: “chrome” //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari } 

3)为浏览器绑定快捷键 打开Preference –> Package Settings –> Side Bar –> key Bindings-User,在打开的文件中添加如下内容 { “keys”: [“alt+f12”], “command”: “side_bar_open_in_browser” }, 至此,所有设置已经完成,可以在页面中按相应的热键,直接在指定的浏览器中预览

LESS

LESS语法高度显示和代码提示 

1)在Sublime中安装 LESS 插件 

2)关闭并重新打开.less文件即可

Less2Css

编译Less,保存.less文件时自动编译为.css文件 

1)在Sublime中安装 Less2Ccss 插件 

2)根据环境不同配置安装也有所不同,分为windows环境和MacOS环境,具体可参考:https://fdream.net/blog/article/783.aspx 2.1在windows环境下,依赖less.js-windows 

2.1.1)下载less.js-windows-master.rar文件,解压到本地目录。 

2.1.2)将目录路径添加到环境变量PATH中,如D:openless.js-windows: 

2.1.3)验证是否成功 打开DOS命令行,输入lessc,如果有如下提示则表示设置成功 2.2在MacOS环境下,依赖nodejs和lessc 

2.2.1)安装npm:官网直接下载node-v6.9.5.pkg并安装,会自动安装npm 

2.2.2)安装lessc:在终端执行sudo npm install less -gd,安装完成后在终端执行命令lessc验证 

2.2.3)安装less-plugin-clean-css:在终端执行sudo npm install less-plugin-clean-css -g 

2.2.4)验证是否成功

SublimeServer

让Sublime成为静态WEB服务器,无需单独启动Tomcat或者Apache这样的重型服务器 

1)在Sublime中安装 SublimeServer 插件 

2)安装完成后点击菜单栏中的”工具”——”SublimeServer”——”Settings”,可以查看并修改SublimeServer的服务器端口、文件扩展名等 

3)点击Start SublimeServer可以启动服务器 

4)在打开的.html文件中右击,选择”View in SublimeServer”会自动打开浏览器并通过Web服务器进行访问 注:SublimeServer要求你的代码文件夹,要添加到Sublime Text的项目里面才能访问,步骤:点击菜单栏中的”项目”——”添加文件夹到项目”。

Color Highlighter

展示颜色代码的真正颜色。同时还提供一个颜色选择器可以方便地更改颜色。 

1)在Sublime中安装 Color Highlighter 插件 

2)修改颜色显示方式,默认为下划线显示,修改为填充显示 打开Preference –> Package Settings –> Color Highlighter –> Settings User,在打开的文件中添加如下内容 { “ha_style”: “filled”, } 

3)此时会看到颜色代码会直接显示相应的颜色,同时可以右击选择”Choose color”打开颜色选择器,自己选择更改颜色

CSS Extended Completions

智能提示.css文件中的类名,需要关联添加CSS文件 

1)在Sublime中安装 CSS Extended Completions 插件 

2)将提示文件添加到Cache缓存中 在侧边栏中右击文件,选择”CSS Extended Completions”——”Add CSS Files To Cache”等 

3)在.html文件中引入.css样式文件,这时在html页面中编写样式时会自动提示前面添加的css文件中的样式

AutoFileName

提示文件路径,快速输入文件名 

1)在Sublime中安装 AutoFileName 插件 

2)在输入文件路径时会自动提示,如路径名、图片选取等

Doc​Blockr

生成优美注释 

1)在Sublime中安装 Doc​Blockr 插件 

2)输入/*或/,然后按回车,会自动生成优美注释,如果在函数上面写/,还会包括参数、返回值等

GitGutter

本地Git变化提示,可以在行首显示当前行的Git状态,是增加的、修改的还是删除的 

1)在Sublime中安装 GitGutter 插件 

2)在当前Git状态与本地仓库中的状态有改变时会显示

AngularJS

AngularJS提示插件 在Sublime中安装 AngularJS 插件即可

MarkdownEditing

编辑markdown时高亮显示 

1)在Sublime中安装 MarkdownEditing 插件 

2)设置显示样式外观等 打开Preference –> Package Settings –> Markdown Editing –> Markdown GFM Settings-User,在打开的文件中添加如下内容 { // “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme”, “color_scheme”: “Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme”, “draw_centered”: false, //默认为true,居中对齐,设置为false,左对齐 “wrap_width”: 120, //每行字符数上限 “highlight_line”: true, //当前行高亮显示 } 注:更多配置可以参考Markdown GFM Settings-Default

Markdown Preview

在浏览器中预览生成的HTML文件 

1)在Sublime中安装 Markdown Preview 插件 

2)为浏览器绑定快捷键 打开Preference –> Key Bindings-User,在打开的文件中添加如下内容 {“keys”: [“alt+f11”], “command”: “markdown_preview”, “args”: { “target”: “browser”}} 至此,所有设置已经完成,编辑md文件后按相应的热键,直接在指定的浏览器中预览

Terminal

在当前位置打开终端 

1)在Sublime中安装 Terminal 插件 

2)使用方法 在左侧的边栏中右击文件,选择Open Terminal Here即可

SublimeText-Nodejs

在Sublime中直接运行调试(此插件的安装方式比较特殊,无法直接通过Package Console安装) 

1)git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application Support/Sublime Text 3/Packages/Nodejs 

2)配置 当安装好nodejs后,接着进入Perferences -> Browse Packages -> Nodejs 打开Nodejs.sublime-build文件,将osx中内容改为 “cmd”: [“killall node; /usr/local/bin/node $file”] 打开Nodejs.sublime-settings文件,将node_command内容改为/usr/local/bin/node,npm_command内容改为/usr/local/bin/npm 

3)运行node.js 通过快捷键command + b直接运行,显示调试结果(此插件的安装方式比较特殊,无法直接通过Package )

ConvertToUTF8

解决Sublime不支持GBK、GB2312编码的问题,支持打开GBK编码的文件 在Sublime中安装 ConvertToUTF8 插件

cssrem

自动将CSS的px值转换为rem值(此插件的安装方式比较特殊,无法直接通过Package Console安装) 

1)git clone https://github.com/hyb628/cssrem.git 

2)进入packages目录:Sublime Text -> Preferences -> Browse Packages 

3)将克隆下载的cssrem-master目录复制到上一步打开的Packges目录里 

4)修改默认配置 打开cssrem-master目录下的cssrem.sublime-settings文件,进行修改 { “px_to_rem”: 40, //px转rem的单位比例,默认为40,一般修改为100 “max_rem_fraction_length”: 6, //px转rem的小数部分的最大长度。默认为6。 “available_file_types”: [“.css”, “.less”, “.sass”,”.html”] //启用此插件的文件类型。默认为:[“.css”, “.less”, “.sass”] } 

5)重启Sublime Text


None

作为一个前端,有一款好的开发利器是必不可少的,editplus、notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了)。几年前,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱,不少前端er纷纷抛弃用了数年的“伙伴”,投入了她的怀抱——Sublime Text 2。本文要介绍的是她的最新版Sublime Text 3。


ST3是一款跨平台的编辑器,再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。目前,还是beta版中,不过功能已经很强大了,更新也很快,目前最新是3047。ST3不是免费的,但可以永久免费使用,只是偶尔在保存的时候,会弹出要你购买注册的对话框,仅此而已。

Sublime Text 3编辑器拥有以下优点:

1. sublime text 编辑器单从界面看非常简洁,可以说让人一见倾心的感觉。完全符合码农的口味~~。功能上也不复杂,就跟记事本似的,很容易上手。


2.可以自由扩展,sublime 提供了安装插件的方式,可以任意安装你想要的插件,功能强大的可以一句话总结“只有你想不到,没有它做不到”。


3.体积小,sublime 占用的内存很小,才30几M,这对于其他大型编辑器例如“dw”、webstrom 等来说是小的可怜~~,且运行速度超快!再也不用担心系统卡顿了~


4.可以多屏显示。sublime 编辑器可以显示多个屏幕,方便你编写及查看对应的文档代码,如果你屏幕够大,分四个屏同时开发,那工作效率可谓杠杠滴~


5.还可以快速编写代码,要是 sublime 编辑器安装了 emmet 的插件,写 html 那速度可谓是空前绝后,三下五的功夫就能编出一整段 html


6.还能多重选择,比如我修改某个 li 为 p ,可以先双击 li 然后按ctrl+D,编辑器会自动选择下一个 li ,这样闭合的 li 就能同时修改为 p 了~


7.很多方便的快捷键功能,比方说快捷键 cmd+d ,这个快捷键的强大之处超过了 cmd+f ,编程有时候需要修改一个本地的变量名或者方法名需要选取本地所有的同名字变量修改(主意,不是整个文件,可能只是整个文件的某一块位置),这个时候cmd+d可以说是超级的方便。逐行选取以后同时修改即可。


有兴趣的同学,可以直接下载一个用用看。


在网上看到许多关于sublime插件的分享,感觉都是一些片段,没有很详细的那种整理说明。在这里给大家分享一些我常用的 sublime text 插件。


  • All Autocomplete

  Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。 sublime text 3 插件整理分享


  • Alignment

  代码对齐


  • AutoFileName

  快速帮助你在文件中写路径整体来说还不错


  • Autoprefixer

  这个插件主要应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件,可以配置你要兼容的浏览器,不过这个插件要在之前安装nodejs

sublime text 3 插件整理分享


  • BracketHighlighter

  配置文件的高亮设置,让你的代码有不同的颜色区分该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的加强吧。 

sublime text 3 插件整理分享


  • BufferScroll

  你可以轻松书写一个文件多个位置了

sublime text 3 插件整理分享


  • ChineseLocalization

  各国语言包,小日本的都有哦

sublime text 3 插件整理分享


  • Color Highlighter

  颜色功能还是很爽的,找了好久

sublime text 3 插件整理分享

sublime text 3 插件整理分享


  • CSS Comments

       该有的都有,不该有的也有了

sublime text 3 插件整理分享


  • CSS Format

  css序列化插件,支持默认多种序列方案,还可以自己配置自己喜欢的


  • CSS3

css3语言提示插件,本来不想写的,也不是什么特别的,但是可能会有人用到


  • CTags

  实在方法跳转,跳转到你方法

  之后在win7下或者linux下安装ctags软件

  1.   打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径
  2. 这个插件能跨文件跳转,跳转到指定函数声明的地方(ctrl+alt+左键)。 使用package control 搜索ctags 进行安装(安装ctags插件就可以了, 还有一个 CTags for PHP 插件没什么用),注意安装好插件后要需要安装ctags命令。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd, 输入ctags,如果有这个命令,证明成功了。ubuntu下安装运行命令:sudo apt-get install exuberant-ctags 。然后在sublime项目文件夹右键, 会出 现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件 然后在你代码中, 光标放在某个函数上, 点击 就可以跳转到函数声明的地方。


  • DocBlockr

  DocBlocker 是在Sublime平台上开发一款自动补全注释插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言

sublime text 3 插件整理分享sublime text 3 插件整理分享

sublime text 3 插件整理分享sublime text 3 插件整理分享


  • Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

 sublime text 3 插件整理分享

sublime text 3 插件整理分享

sublime text 3 插件整理分享


  • HTML-CSS-JS Prettify

  全能序列化


  • JavaScript Completions

  js最基本的api快查片段

sublime text 3 插件整理分享


  • JsFormat

  js序列化,能排在下载插件前25位,好的话就不用说了


  • Keymaps

  快速查找所有插件的快捷键

sublime text 3 插件整理分享


  • LiveStyle

  LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!,并且最近支持less,scss

  你本地css文件可以和浏览器的css文件映射,同步到本地,但是必须在chrome上运行,chrome必须安装相应的插件

sublime text 3 插件整理分享


  • PackageResourceViewer

  通过这个特殊的插件,会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹,以便您可以安全地对其进行编辑。

  很多人苦恼不能修改左侧导航面板字体大小,用这个可以轻松办到

  安装PackageResourceViewer 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 Package Control:Install 回车,等待加载package列表 搜索并安装 PackageResourceViewer 包

  最后,使用PackageResourceViewer打开Theme文件进行编辑 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 PackageResourceViewer: Open Resource 回车,打开包列表 选择 Theme - Default,再选择 Default.sublimt-theme 搜索   sidebar_label,在 "class": "sidebar_label" 后边加一行:"font.size": 18,将字体大小设置为18,保存。 好啦,大功告成!

  如果觉得行间距太小,可以往上找下,有个class:"sidebartree",调一下里边的rowpadding配置即可。

sublime text 3 插件整理分享


  • Pretty JSON

JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式

sublime text 3 插件整理分享


  • SideBarEnhancements

  增强右键菜单文件操作功能

 sublime text 3 插件整理分享


  • SublimeCodeIntel

  一个全功能的 Sublime Text 代码自动完成引擎 ,本人做过对比,但是如果和webstorm的自动寻找还是稍逊一筹,不过对于大部分人来说够用了,能很方便跳到你想要的方法

  支持的语言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)


  • SublimeLinter

  代码校验插件,支持多种语言,这个是主插件,如果想检测特定的文件需要单独下载


  • SublimeLinter-jshint

  这个就是单独的插件,上面的一个分支


  • SublimeTmpl

  创建常用文件初始模板,必须html,css,js模板


  • Tag

  HTML/XML标签缩进、补全和校验


  • Themr

  sublime可以下载很多风格样式,用这个插件可以管理所有的风格


以上插件就是我们大部分要用到的,其它的我就不细说了,因为每个人不一样,比如说git,sass,svn这些你们可以自己查找


插件的网址如下:(https://packagecontrol.io/browse  ) 希望你可以找到你喜欢的插件


以下是一些sublime text 在Windows上常用功能和常用快捷键分享

常用功能:

1.可以直接打开图片

版本3有个很好的特性(对于前端来说):可以直接在ST3中打开图片。

2.Goto Anything功能 — 快速查找ctrl + P

  • 输入@+函数名可以快速找到函数。
  • 输入#+文本可以快速进行文件内文本匹配。

3.多行游标功能(ctrl + D,非常实用)

如何将文件中的某个单词更改为另一个?

  • 方法一:利用查找替换功能:ctrl + H
  • 方法二(推荐):多行游标功能,选中一个后,按 ctrl+D 可以同时选中另一个,同时多了另一个光标。

但多行游标能完成查找替换功能不能完成的工作。比如在某些符合条件的语句后面添加新行,同时加入一些新的文本,如何快速的达到这一目的?

  • 可以选中某一个模式,然后 ctrl+D 选中另一个,如果有某些不想添加新行的模式则按 ctrl+K,ctrl+D 跳过这个进入下一个符合条件的模式行。
  • 还可以按 Alt + F3 快捷键全选所有符合条件的单词,产生多个光标,而不用一个个 ctrl+D 选中。
  • 如果要在每行都加入光标,可以先 ctrl+A 然后 ctrl+shift+L 即可。
  • 如果想在某个字符的多行后面加上光标,可以将光标放在这个字符后面,按住 shift 键,然后右键可以向下拖动产生多个光标。

4.命令模式(应尽可能使用,而不用浪费脑细胞记忆大量命令的快捷键)

比如用 ctrl+N 新建一个文件后,默认是 plain text,没有语法高亮功能,如何设置语法模式?

  • 可以通过右下角的语法选择区选择希望设置的语法模式。
  • 还有另一种更好的办法,即使用 ctrl + shift + P 打开命令模式,然后输入set syntax [language]设置为某种语言的语法模式,比如set syntax java则设置为java语法高亮。
  • st3支持模糊匹配,你也可以直接输入syntax java或ssjava。
  • 若当前已经是某种语言的语法模式,则可以直接输入其它语言进行切换(而不用输入set syntax或syntax了),比如当然为java语法模式,那么直接输入js就可以马上切换为javascript语法模式。

还可以输入minimap隐藏或显示右边的minimap缩影

5.快速跳转到某一行

按下 Ctrl + G,输入行号,可以快速跳转到该行。

6.快速添加新行

  • Ctrl + Enter可以在当前行下新建一行。
  • Ctrl + Shift + Enter可以在当前行上面添加一行。

7.多行缩进

选中多行后按Ctrl + ]可以增加缩进,按Ctrl + [可以减少缩进。PS:发现用Tab和Shift + Tab也是可以的。

8.完整拷贝,避免格式错乱

我们发现,在从别的文件中拷贝一段代码过来的时候,多半只是第一行缩进,后面都乱了,这时可以使用Ctrl + Shift + V进行粘贴,可以在粘贴的过程中保持缩进,这时格式都是正确的。

9.重新打开关闭的标签

在Chrome里面,如果你不小心关闭了某个标签页并想恢复它,你可以按下Shift + Ctrl + T重新打开它。在ST3中也一样,如果你不小心关闭了某个文件,可以按下Shift + Ctrl + T快速恢复。连续重复该按键,ST将会按照关闭的先后顺序重新打开标签页。

10.按住 shift + ctrl 然后按 或 → 可快速选中一行中的某一部分,连续按扩大选择范围。

比如你需要将某一部分进行注释(ctrl+/)或删除,使用这个功能就很方便。

11.上下移动行

定位光标或选中某块区域,然后按 shift+ctrl+↑↓ 可以上下移动该行。

12.shift + ctrl + d :可快速复制光标所在的一整行,并复制到该行之前。

13.Ctrl+Shift+M:选中花括号里面的全部内容不包括{}。

14.Ctrl+Shift+K:删除整行。

15.快速关闭HTML里的标签

写html文件时利用快捷键 Alt + . 可以快速关闭某个标签,如写 <html> 后按Alt+.可以快速得到 </html> 。但这样还是挺繁琐,可以使用前端插件 Emmet 插件,直接在新建的 html 文件里(首先得设置语法模式为 html )直接输入!(代表 html5 格式的 html 文档)然后按下ctrl+E即可。


常用快捷键:

ctrl+shift+n 打开新Sublime 

ctrl+shift+w 关闭Sublime,关闭所有打开文件 

ctrl+shift+t 重新打开最近关闭文件 

ctrl+n 新建文件 

ctrl+s 保存 

ctrl+shift+s 另存为 

ctrl+f4 关闭文件 

ctrl+w 关闭 

ctrl+k, ctrl+b 切换侧边栏显示状态 

f11 切换全屏状态 

shift+f11 免打扰模式状态切换 

backspace 删除左侧 

shift+backspace 左侧删除 

ctrl+shift+backspace 左侧全部删除 

delete 右侧删除 

enter 插入 

shift+enter 插入 

ctrl+z 撤消 

ctrl+shift+z 重做 

ctrl+y 重做或重复 

ctrl+u 软撤消 

ctrl+shift+u 软重做 

ctrl+shift+v 粘贴并格式化 

shift+delete 剪切 

ctrl+insert 拷贝 

shift+insert 粘贴 

ctrl+x 剪切 

ctrl+c 拷贝 

ctrl+v 粘贴 

left 移动 

right 移动 

up 移动 

down 移动 

shift+left 移动并选择 

shift+right 移动并选择 

shift+up 移动并选择 

shift+down 移动并选择 

ctrl+left 按w规则移动(跳跃) 

ctrl+right 按w规则移动(跳跃) 

ctrl+shift+left 按w规则移动并选择


Python安装过程请看这里:Python3 安装,我就不在这多做说明了。

安装完成后,我们就可以在Sublime Text3中编辑运行python代码了,主要步骤如下:

  • 这里编写的python测试代码如下,很简单,2个函数,一个计算次方,一个创建窗口:

090341

  • 编写完成后,还不能直接运行python代码,这里需要配置一下编译系统,如下,依次点击“工具”->“新编系统”->“新建编译系统...”,输入以下配置信息,这里替换成自己的python解释器路径就行:

090342

  • 配置完成后,保存编译系统,然后选中这个系统,再按“Ctrl+B”,就能正常运行python代码了,如下:

090340

至此,我们就完成了python的安装,以及如何在Sublime text3中配置运行python代码。总的来说,整个过程不难,只要你按着上面的步骤一步步安装配置,很快就能成功安装python,并且在Sublime text3中运行python程序,网上也有相关教程和资料可供参考,感兴趣的话,可以搜索一下。

问题描述:

st3下ctrl+b执行python文件,报错“ImportError: cannot import name ThreadingTCPServer”

但是在命令行下没有问题,可以引用ThreadingTCPServer。

sublime text 3下编译python过不去


解答:

你为什么这么想不开,非要起一个和系统模块名字一样的文件名?

基础教程里说的每个python程序文件都可以作为模块导入。你没看?


sublime text 3有新版本后,会不停地在每次启动后弹窗提示更新版本:

sublime text3怎么关闭提示更新


由于种种原因,导致不想升级现有版本的ST3,但是被它的升级提醒弹窗严重骚扰!

解 决 办 法:

点击菜单栏“Preferences”=> "Settings-User" 进入个人参数设置页面;

修改右边的User Settings,添加一行:

"update_check": false,

结果如下图所示:

sublime text3怎么关闭提示更新


设置完成后,重启软件就可以解决问题了。


下载安装完sublime最新版本,发现初始语言是英文,对于一部分人来说,看起来太累了。所以想着怎么把语言改成中文简体。


1.  首先打开sublime,键盘按下  ctrl + shift  + p  弹出下面的界面,在对话框搜索 Install Package Control,点击:

Sublime Text怎么设置成中文简体


2.  刚点击之后并不会立刻有反应,需要稍等一会,(我当时就以为自己没点到,其实并不是),然后就会弹出一个消息框,表示插件列表加载完成。

Sublime Text怎么设置成中文简体


3.  点击确定,再次按下  ctrl + shift  + p, 搜索  Package Control: install Package , 搜索出来后单击,然后就会再弹出一个对话框,搜索 ChineseLocaloztions


Sublime Text怎么设置成中文简体


4.  点击之后,中文包就安装完成了,注意需要重新打开Sublime Text,点击任务栏中的Help->最下面的Language->简体中文 (不重新打开是找不到的哦)

Sublime Text怎么设置成中文简体

使用Sublime text 3 编写代码是一种享受,使用Sublime text 3 格式化代码插件也是一种享受,HTML-CSS-JS Prettify是一款集成了格式化(美化)html、css、js三种文件类型的插件。插件依赖于nodejs,因此需要事先安装nodejs(此处划重点),然后才可以正常运行。

使用Sublime text 3 格式化 HTML 代码,需要安装插件,具体安装步骤如下:

1、打开菜单->首选项->插件控制(也可以使用快捷键ctrl+shift+p调出控制台),输入 install package

2、等待程序进入插件管理功能,再输入插件名称:prettify

3、点击安装插件HTML-CSS-JS Prettify。

4、插件安装成功后,在需要格式化的HTML/css/js代码中,选中代码,然后按Ctrl+Alt+H对代码进行格式化。