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. Ruby学习笔记6: 动态web app的建立(3)--多Model之间的交互

    We first built a static site which displayed a static image using only a Controller and a View. This ...

  2. uva-10422-骑士-搜索题

    题意: 给你一个5X5的图,棋盘上骑士的走法自己去百度,问能不能在10步内走到目标图, 解题思路: 从目标图开始往前走10步,保存所有能走到的图,然后输入,查找是否存在这个图,存在就是可以走到,不存在 ...

  3. 纯CSS3实现垂直居中的九种方法

    浏览时看到的资料,每个都做了测试,很好,就先收了~ 测试的是谷歌浏览器,没有任何问题,用360,IE11,火狐,搜狗浏览器做测试时,第五个方法在360,搜狗,和IE11有点问题,第七个在IE11有问题 ...

  4. 《算法》第四章部分程序 part 3

    ▶ 书中第四章部分程序,加上自己补充的代码,随机生成各类有向图 ● 随机生成有向图 package package01; import edu.princeton.cs.algs4.StdOut; i ...

  5. mapPartitions

    mapPartitions操作与 map类似,只不过映射的参数由RDD中的每一个元素变成了RDD中每一个分区的迭代器,如果映射过程需要频繁创建额外的对象,使用mapPartitions操作要比map操 ...

  6. react-native ios打包 、设置图标 启动图片

    在这里只记录xcode 打包操作,申请证书操作,之前已经记录过了. https://www.cnblogs.com/hellovoidworld/p/4127576.html  参考了这篇文章,只是可 ...

  7. PhotoShop阵列功能

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

  8. day04-运算符

    Python语言支持以下类型的运算符: 算术运算符比较运算符赋值运算符逻辑运算符位运算符成员运算符身份运算符 算术运算符 运算符 描述 实例 + 加 - 两个对象相加 10+20输出结果 30 - 减 ...

  9. 在windows、linux中开启nginx的Gzip压缩大大提高页面、图片加载速度<转>

    为了降低tomcat服务的压力,把页面上的图片采用windows版的nginx进行加载,由于有些图片比较大,加载特别的慢,所以在nginx中打开了gzip的压缩功能.加载图片的速度快了很多. 通过站长 ...

  10. SpringBoot配置定时任务的两种方式

    一.导入相关的jar包 <dependency> <groupId>org.springframework.boot</groupId> <artifactI ...