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. 使用SQL SERVER PIVOT实现行列转置

    一般我们在使用SQL语句实现行列转置时候,最常用的方法无外乎就是 case语句来实现,但是如果需要需要转置的列太多,那么case起来语句就无限庞大,十分不方便,sql server中的PIVOT就可以 ...

  2. uva-10125-暴力枚举

    题意:给一个集合,求d=a+b+c,d最大且a,b,c,d下标不能是同一个 解题思路 a+b=d-c 另外,可以OJ看下0ms大佬们的代码. #include "pch.h" #i ...

  3. 重识linux-linux的新增与删除用户组和切换命令

    重识linux-linux的新增与删除用户组 1 相关文件 /etc/group /etc/gshadow 2操作相关 groupadd group1 groupmod group1 groupdel ...

  4. 分布式计算课程补充笔记 part 1

    ▶ 高性能计算机发展历程 真空管电子计算机,向量机(Vector Machine),并行向量处理机(Parallel Vector Processors,PVP),分布式并行机(Parallel Pr ...

  5. jsp中文乱码

    <%@page pageEncoding="UTF-8"%> <meta http-equiv="Content-Type" content= ...

  6. eclipse中无法新建Android工程 出现问题:Plug-in org.eclipse.ajdt.ui was unable to load

    转自:http://www.bubuko.com/infodetail-757338.html eclipse中打开后新建Android项目区仍无法创建,出现下列提示对话框: Plug-in org. ...

  7. mingw 设置python 设置git环境变量

    1.python路径设置: 安装python 比如目录:C:\Python27 假如mingw安装C盘根目录下的话,进入下面目录:C:\MinGW\msys\1.0\etc 找到 fstab 文件修改 ...

  8. Python中的元类(译)

    add by zhj: 这是大stackoverflow上一位小白提出的问题,好吧,我承认我也是小白,元类这块我也是好多次想搞明白, 但终究因为太难懂而败下阵来.看了这篇文章明白了许多,再加下啄木鸟社 ...

  9. 【383】defaultdict 相关用法

    可以定义一个字典,可以添加默认值,int 为 0,list 为 [],set 为 {} int:默认值为 0 from collections import defaultdict int_dict ...

  10. React/anu实现弹出层2

    这次是使用了一个比较罕见的APIReactDOM.unstable_renderSubtreeIntoContainer,ReactDOM.unstable_renderSubtreeIntoCont ...