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功能进行加强。

Sublime Text使用中的一些心得的更多相关文章

  1. Sublime Text的心得经验。 全面

    Sublime Text的心得经验.jikeytang/sublime-text · GitHub

  2. Sublime Text使用心得(一)

    以前写web前端样式都是用eclipse.myeclispe这些IDE开发工具,现在想纯粹的写点HTML的东西,一心想找一个轻量的编辑器,这样能够随手打开编写,方便平时业余学习.网上搜罗了一堆编辑器, ...

  3. 教你如何解决Sublime Text 3使用中出现的中文乱码问题

    Sublime Text 3 是一个非常不错的源代码及文本编辑器,但是不支持GB2312和GBK编码在很多情况下会非常麻烦. 不过Sublime Package Control所提供的插件可以让Sub ...

  4. Sublime Text 3 使用心得

    1.Ctrl + Shift + P : package control install package == > ConvertToUTF82.列模式: 苹果:OS X -鼠标左键+Optio ...

  5. Sublime Text插件之Emmet

    转载:http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html Emmet插件以前被称作为Zen Co ...

  6. 转: sublime text常用插件和快捷键

    Sublime Text 2是一个轻量.简洁.高效.跨平台的编辑器.博主之前一直用notepdd++写前端代码,用得也挺顺手了,早就听说sublime的大名,一直也懒得去试试看,认为都是工具用着顺手就 ...

  7. Sublime Text 2激活、插件包安装、以及快捷键

    http://jingyan.baidu.com/article/ff4116259b057c12e48237b8.html Sublime Text作为一款轻量.简洁.高效.跨平台的编辑器.支持N多 ...

  8. Sublime text 入门学习资源篇及其基本使用方法

    Sublime text 学习资源篇 史上最性感的编辑器-sublimetext,插件, 学习资源 官网 http://www.sublimetext.com/ 插件 https://packagec ...

  9. Sublime Text 3中关闭记住上次打开的文件

    使用UltraEdit的时候,每次安装后就得修改一堆配置,其中一项便是关闭“打开上一次未关闭的文件”,Sublime Text 2也有这么一个默认的功能,在实际使用中,这种方式确实可以较快速的访问文件 ...

随机推荐

  1. [Unity算法]斜抛运动

    斜抛运动: 1.物体以一定的初速度斜向射出去,物体所做的这类运动叫做斜抛运动. 2.斜抛运动看成是作水平方向的匀速直线运动和竖直方向的竖直上抛运动的合运动. 3.它的运动轨迹是抛物线. Oblique ...

  2. Maven的下载和配置

    一.下载 打开 链接地址 http://maven.apache.org/download.cgi 下载 Maven, 下载加压打开以后目录: 二.配置环境变量 我的电脑 -> 属性->高 ...

  3. hive数据倾斜原因以及解决办法

    何谓数据倾斜?数据倾斜指的是,并行处理的数据集 中,某一部分(如Spark的一个Partition)的数据显著多于其它部分,从而使得该部分的处理速度成为整个数据集处理的瓶颈. 表现为整体任务基本完成, ...

  4. leetcode509

    public class Solution { public int Fib(int N) { ) { ; } ) { ; } else { List<int> list = new Li ...

  5. PhotoShop阵列功能

    阵列有两种,如下.但是PS没有阵列这一工具,一定要用ps的话,可以参照以下两条: 1:方形阵列 先按CTRL+ALT+T 会出现一个自由变换选取 但是这个是多重复制的选取只要一动就能复制了 确定 然后 ...

  6. centos7 自动定时备份mysql数据库

    shell脚本:mysqlbak.sh #!/bin/bashPATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbinexpo ...

  7. 如何禁用Firefox,chrome浏览器“不安全密码警告”

    在任何HTTP页面中,一个全新的“不安全密码警告”将会在用户点击表单时直接出现在登陆框的下方,强行保证所有用户都能看到“此链接不安全,你的个人利益将受到损害”等字眼,同时整个页面也会收到损坏的挂锁图标 ...

  8. 04_JSX练习

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. JQuery中bind和unbind函数与onclick绑定事件区分

    JQuery中bind和unbind函数转载:   https://blog.csdn.net/liucheng417/article/details/51131982 页面代码: <body& ...

  10. redis 学习笔记2(集群之哨兵模式的使用)

    redis3.0之前已经有了哨兵模式,3.0之后有了cluster(分片集群),官方不推荐使用!!主要原因是分片后单节点故障后需要实现手动分槽... 集群较为成熟的解决方案codis,公司使用的是哨兵 ...