Sublime Text使用中的一些心得

Sublime Text3是每个web前端程序员的必备神器,其中有许多便利的功能及插件。下面列出一些在开发中比较实用的快捷操作,可以极大地提高代码的编写速度及效率。

l  在文档中输入代码,即使忘记保存,下次也不会消失

l  可以直接在编辑器中打开预览图片

l  Edit→Line→Duplicate line (ctrl+shift+d)复制一行代码,也可用于复制多行代码

l  Edit→Text→Insert line after(ctrl+enter)添加一个新行

l  Selection→Expand selection to line(ctrl+l)选择当前行,当连续按下此快捷键时,可选择多行

l  Selection→Expand selection to word(ctrl+d)选择当前单词,当连续按下此快捷键时,编辑器会选择文档中相同的单词,并可以同时编辑这些单词。如果想选择多个连续的相同单词,但中间又想跳过某些单词,则按ctrl+K。如果想选择文档中所有相同的单词,则按下alt+F3。

l  Goto→Goto anything(ctrl+p),直接输入可模糊查询项目中的任何文件。如果输入:20,则会定位到当前文档的第20行代码。输入@可以查询所有css选择器以及js函数。如果输入css/bo@body,就会列出css文件夹下bootstrap.css中body标签选择器。如果输入#,就会列出当前页面所有的标签及关键字。

l  Tools→Command palette(ctrl+shift+p)命令面板,支持智能模糊匹配的自动完成列表,用来查找sublime中的命令(因为命令太多令人难以记住)

l  Sublime在任何地方都是支持模糊匹配的,如在CSS中输入bgc就会调出background-color属性。

l  新建文档后,为当前文档设置高亮显示,点击右下角的语法模式即可。也可以打开命令面板(ctrl+shift+p),输入set syntax …,如设置为javascript,即输入set syntax javascript。由于sublime中命令为模糊匹配,输入js即可。

l  使用emmet插件,输入!,按下ctrl+E(或tab键),快速构建html5文档。

l  选择文本后,点击ctrl+{左缩进,ctrl+}右缩进(和tab键效果相同)。

l  Ctrl+shift+v,保持原有缩进复制代码。

l  自动补全,如输入fu后,点击tab或enter键,生成一个默认的函数结构。输入ife,生成if..else结构。

l  Sidebarenhancement插件,对sidebar功能进行加强。

原文地址:https://www.cnblogs.com/yaotome/p/7127869.html