Sublime Text 应用技巧和诀窍

几个常见的功能:

  1. 自动完成:自动完成的快捷键是Tab,在html文件中输入!,按tab或者ctrl+e,便可以打开HTML5的整体结构
    如果在html文件中,输入cl按下tab,即可自动补全为class=””;加上zencoding后,更是如虎添翼

  2. 多列编辑:按住ctrl点击鼠标,会出现多个闪烁的光标,这时可同时修改多处

  3. 代码注释功能:ctrl+/、ctrl+shift+/分别未行注释和块注释,再按一下就能去掉注释,ST2能够自动识别是html、css还是js文件,给出不同类型的注释。

  4. 行操作:ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行,ctrl+enter,光标后插入空行,ctrl+d选择相似,可以参考后面的快捷键列表。

1.FAQ快捷键

  Ctrl+L 选择整行(按住-继续选择下行)
  Ctrl+KK 从光标处删除至行尾
  Ctrl+K Backspace 从光标处删除至行首
  Ctrl+J 合并行(已选择需要合并的多行时)
  Ctrl+KU 改为大写
  Ctrl+KL 改为小写
  Ctrl+D 选择字符串 (按住-继续选择下个相同的字符串)
  Ctrl+M 光标移动至括号内开始或结束的位置
  Ctrl+N 新建文档
  Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
  Ctrl+Shift+c转换为utf8
  Ctrl+R 搜索指定文件的函数标签
  Ctrl+G 跳转到指定行
  Ctrl+KT 折叠属性
  Ctrl+K0 展开所有
  Ctrl+U 软撤销
  Ctrl+T 词互换
  Tab 缩进 自动完成
  Shift+Tab 去除缩进
  Ctrl+F2 设置书签.
  F2 下一个书签
  Shift+F2 上一个书签
  shift+鼠标右键 列选择
  Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑
  Alt+. 闭合当前标签
  F6 检测语法错误
  F9 行排序(按a-z)
  F11 全屏模式
  Ctrl+Enter 光标后插入行
  Ctrl+Shift+Enter 光标前插入行
  Ctrl+Shift+[ 折叠代码
  Ctrl+Shift+] 展开代码
  Ctrl+Shift+↑ 与上行互换
  Ctrl+Shift+↓ 与下行互换
  Ctrl+Shift+A 选择光标位置父标签对儿
  Ctrl+Shift+D 复制光标所在整行,插入在该行之前
  ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
  Ctrl+Shift+K 删除整行
  Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行
  Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
  Ctrl+Shift+P 打开命令面板
  Ctrl+Shift+/ 注释已选择内容
  Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后顺序切换
  Ctrl+鼠标左键 可以同时选择要编辑的多处文本
  Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择
  Shift+Tab 去除缩进
  Alt+Shift+1~9(非小键盘)屏幕显示相等数字的小窗口

2.选择

以下是一些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 (选中部分文本时) 直接选中下一次出现的该文本
    在这里插入图片描述

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

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

  • 重命名文件
    在这里插入图片描述
  • 设置文件为HTML语法
    在这里插入图片描述
  • 插入代码片段
    在这里插入图片描述

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 Text的侧边栏。安装插件后在侧边栏上点击右键,可以找到一下新功能:在资源管理器中打开、新建文件、新建文件夹、以…打开、在浏览器中打开。
在这里插入图片描述
注:在浏览器中打开的热键是F12。

9.更换主题
Sublime Text的外观主题可以更换。Soda Theme就是一个不错的主题,可以在包管理器中安装。
在这里插入图片描述
如果要安装的主题并不在在线软件仓库中,也可以手动安装:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值