使用Sublime Text编辑器,你所不知道的11个秘密!

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 (选中部分文本时) 直接选中下一次出现的该文本

2)CSS排序

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

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

3)命令面板

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

▼ 重命名文件

▼ 设置文件为HTML语法

▼ 插入代码片段

4)切换标签页与工程

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

  • Command + T 列出所有的标签页
  • Command + Shift + ] 下一标签页
  • Command + Shift + [ 上一标签页
  • Command + Ctrl + P 切换侧边栏显示的工程

5)跨文件编辑

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

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

6)文件爬虫

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

文件爬虫

7)拼写检查

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

"spell_check": true,

8)增强侧边栏

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

9)更换主题

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

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

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

10)更换编辑器图标

不仅主题可以更换,图标也可以。在Dribbble上有大量重新设计的Sublime Text精美图标。更换方法:

  • 下载一个图标,有.icns格式的最好。如果没有,用iConvert转换之。
  • 终端执行:open /Applications/Sublime\ Text.app/Contents/Resources/
  • 替换Sublime Text 3.icns或Sublime Text 2.icns文件。

11)可点击的URL

使用小插件ClickableURLs可以让文件中的URL能够点击。

Sublime常见操作

  1. 多光标操作:只要按下Cmd(Windows系统下Ctrl)键,再用鼠标选择不同的行,你就可以同时编辑多行代码。
  2. 重新打开关闭的标签:和Chrome浏览器一样,如果你不小心关闭了一个页面,你只要按下Shift+Cmd+T(Windows下按住Shift+Ctrl+T)就可以重新打开该页面。如果你连续按这样的组合键,你就可以按照关闭的顺序重新打开它们。
  3. 快速打开文件:这可能是Sublime Text里我最喜欢的功能。按住Cmd+T(Wiondows系统下按住Ctrl+T)就会打开一个文本框,你可以在文本框内键入想打开的目标文件,系统就会在项目中搜索该文件的位置,这样你就可以不再用文件目录列表。
  4. 跳转到符号:如果你想快速跳到某个特定的符号,就按下Cmd+P(Windows系统下按住Ctrl+P)打开搜索框,键入目标符号,回车后就可以跳转至那个符号。
  5. 在整个项目文档中搜索:按住Shift+Cmd+F(Windows系统下按住Shift+Ctrl+F),在整个Sublime Text项目下搜索。
  6. 在文字或行间跳转:这更多的是操作系统的特点,但我是在使用Sublime Text过程中才发现的。在Mac上,如果你按住Alt键的同时使用方向键,那么能够实现单词而不是字符间的跳转。同样的,如果你按住Cmd键的同时使用方向键,就会跳转到这行的另一端。这非常适合在不用鼠标的情况下,快速在代码中定位。
  7. 快速更改设置:按住Shift+Cmd+P(Windows系统下按住Shift+Ctrl+P),可以快速启动查找,对Sublime Text的设置进行修改。

下面还有一些在看过黑客新闻评论后的补充:

  1. 在词间跳转:按住Ctrl键,让光标在词间移动,这个是对驼峰式敏感的。假设目前光标位于“cakeParty”的词首,那么按住Ctrl,再按右方向键,就可以将光标移动到”e”和”P”之间。
  2. 当前行上移或下移:可以按下Ctrl+Cmd+Up/Down组合键,实现上移或下移当前行。
  3. Sublime Package Control:对主题、语法检查、代码校验等的安装非常有用。
  4. 快速文字编辑:按下Cmd+d选择当前文字,再次点击Cmd+d对所选文字进行编辑。它会方便重命名局部变量或是HTML标签。
  5. 选中所有实例:按住cmd+Ctrl+G选中所有实例。
  6. 跳转到指定行:按下Ctrl+G,然后输入行号即可。
  7. 复制当前行:按住Cmd/Ctrl+Shift+D,复制当前行。

---------------------------------------------------------------------------------

转载自掘金社区,作者名 '小小小' 原文链接:https://juejin.im/post/584f53228d6d8100545abc55

原文发布于微信公众号 - 腾讯NEXT学位(NextDegree)

原文发表时间:2018-07-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Puppeteer学习

Headless Chrome:服务端渲染JS站点的一个方案【中篇】【翻译】防止重新渲染优化

2323
来自专栏葡萄城控件技术团队

在Silverlight中动态绑定页面报表(PageReport)的数据源

ActiveReports 7中引入了一种新的报表模型——PageReport(页面布局报表),这种报表模型又细分了两种具体显示形式: o    固定页面布局...

1929
来自专栏林德熙的博客

win10 uwp 如何创建修改保存位图 创建保存图片在 Image 控件使用WriteableBitmap 转换通过读写像素转换 CanvasBitmap

在 UWP 使用底层的图像渲染就是使用 Softwarebitmap ,这个类提供直接数据修改,可以使用这个类进行软渲染。实际上 Softwarebitmap ...

3981
来自专栏IMWeb前端团队

微型UI库Riot介绍

本文作者:IMWeb 黄龙 原文出处:IMWeb社区 未经同意,禁止转载 定义 Riot:类似 React 的微型 UI 库 特点: 自定义标签 快速...

2039
来自专栏Kevin-ZhangCG

[ SSH框架 ] Struts2框架学习之四(自定义拦截器)

2226
来自专栏不知的专栏

反-反爬虫:用几行代码写出和人类一样的动态爬虫

本文将从 Phantomjs 动态爬虫介绍起,用3行代码傻瓜式完成基于 Casper 的动态爬虫来绕过对抗策略获取页面数据。

1.3K1
来自专栏macOS 开发学习

Mac OSX 开发基础控件学习之 NSOutlineView

在开发基于osx的Application的过程中,当我们需要显示一组列表结构的数据时,比较容易想到的控件是NSTableView;但如果你显示的数据有层级结构...

2152
来自专栏葡萄城控件技术团队

MVC5:使用Ajax和HTML5实现文件上传功能

引言 在实际编程中,经常遇到实现文件上传并显示上传进度的功能,基于此目的,本文就为大家介绍不使用flash 或任何上传文件的插件来实现带有进度显示的文件上传功能...

61510
来自专栏前端布道

Angular开发实践(五):深入解析变化监测

什么是变化监测 在使用 Angular 进行开发中,我们常用到 Angular 中的绑定——模型到视图的输入绑定、视图到模型的输出绑定以及视图与模型的双向绑定。...

4158
来自专栏小狼的世界

CHROME对CSS的解析

最近完成的一个项目需要做对Chrome的支持,在这个过程中发现了一个Chrome对于Css解析与FF、IE等的区别,在这里总结一下。

962

扫码关注云+社区

领取腾讯云代金券