sublime使用技巧

发表于 | 分类于

sublime快捷键
常用插件
snippet的使用

常用插件

emmet

前身是zencoding，作为前端界最出名（我觉得没有之一）的插件，几乎是可以稳定的提升50%的书写效率，用得多了以后的后遗症就是，好多CSS属性本来的拼法都记不清了。

emmet使用技巧

  • lorem可以打出一长串无意义字符串
  • lorem4可以打出4个字符串

jQuery

主要是用来直接调出AJAX语法块，以及绑定事件响应。

SublimeGit

好用到哭的git插件，妈妈再也不用担心我改出bug无法回滚了。几年前一个前辈教导我说，哪怕不做开源，自建一个本地仓库用git来管理代码也是很有必要的。一方面是能够控制代码版本，出了问题可以分步回滚，另一方面也是有一个task的概念，培养自己把软件开发任务做粒度的划分，便于估计自己的开发能力，预估工期。

JsFormat

作为一个上升处女座的程序员，难以忍受凌乱的格式，更加难以忍受按无数次tab对齐代码，JsFormat可以格式化HTML，CSS和js代码。不过在写react的时候遇到很麻烦，你们懂的。目前还没有找到可以把react代码格式化做的很漂亮的插件。

a file icon

根据文件类型显示不同的文件图标

其他

Terminal、SideBarEnhancements、MarkdownLight、OmniMarkdownPreviewer

CSSREM

sublime px转rem插件：cssrem

快捷键

  • Esc ： 关闭搜索框，命令框等
  • Ctrl+D：选择单词，重复可增加选择下一个相同的单词
  • Ctrl + Shift + D：复制并同时粘贴整行
  • Alt+F3：一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中所有相同的变量名、函数名等。
  • Ctrl+P,搜索侧边栏中的文件名
  • shift+end ： 选择行，从光标当前所在位置开始选中到行尾
  • Ctrl+L：选择整行，重复可依次增加选择下一行
  • Ctrl+KK：从光标处删除至行尾
  • Ctrl+Shift+K：删除整行
  • Ctrl+Z：撤销
  • Ctrl+Y：恢复撤销
  • Alt+.：闭合当前标签
  • Ctrl+Shift+A：选择标签内部的内容(比如<div>我是内部内容</div>)
  • shift+home ： 从光标当前所在位置开始选中到行首
  • Ctrl+Shift+M ：选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。
  • Ctrl+M ：：光标移动至括号内结束或开始的位置。
  • Ctrl+F :打开底部搜索框，查找关键字。
  • Ctrl+shift+F :在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找，略高端，未研究。
  • Ctrl+P :打开搜索框。举个栗子：1、输入当前项目中的文件名，快速搜索文件，2、输入@和关键字，查找文件中函数名，3、输入：和数字，跳转到文件中该行代码，4、输入#和关键字，查找变量名。
  • Ctrl+G :打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。
  • Ctrl+R: 打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。

  • Ctrl+: :打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。

  • ctrl+alt+ ↓ ： 光标选择多行进行编辑(比如可以给多行前面添加-)

  • Ctrl+J：合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行。
  • Ctrl+G：跳转到第几行
  • Ctrl+W：关闭当前打开文件
  • Ctrl+F：查找内容
  • Ctrl+/：用//注释当前行
  • Ctrl+Shift+/ : 用/**/注释多行
  • ctrl+shift+enter： 在上一行插入新行
  • ctrl+[ ： 折叠代码
  • ctrl+] : 展开代码
  • Ctrl+KT：折叠属性，只显示标签
  • Ctrl+K0：展开属性
  • Ctrl+X ： 剪切
  • shift+ → ： 右移并选中
  • Shift+ ↑ ： 上移并选中
  • ctrl+shift+ → ： 光标按\w规则跳跃移动
  • alt+ → ： 光标按单词移动
  • alt+shift+ → ： 按单词移动并选择
  • home : 光标移到行首
  • end ： 光标移到行尾
  • ctrl+home ： 滚到文件最前面
  • ctrl+end ： 滚到文件最后面
  • Ctrl+Shift+上下键：整行移动交换位置
  • Ctrl+Shift+Y：选中计算表达式后按这个快捷键可以计算出结果
  • Ctrl+J：合并到一行
  • Ctrl+KU：改为大写
  • Ctrl+KL：改为小写

snippet

点击工具 > 插件开发 > 新建代码片段 就可以创建一个新的snippet

在线生成工具：https://snippets.now.sh/

1
2
3
4
5
6
7
8
9
10
11
<snippet>
<!-- ${1}代表的是第一个光标位置，代码片会默认选中this，
当按下tab之后，会选中${2}中的snippet -->
	<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
	<!-- 设置关键词↓ -->
	<!-- <tabTrigger>hello</tabTrigger> -->
	<!-- 设置生效的语言环境text.html,source.css,source.js -->
	<!-- <scope>source.js</scope> -->
</snippet>

-------------本文结束感谢您的阅读-------------