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. tkinter widget

    tkinter messagebox

  2. js提高篇

    1定义一个方法 function aa(){alert(this)} 对于浏览器 这只是一个方法,那么this是什么的,this理所当然是document对象了..也就是说 打页面定义的方法 都是do ...

  3. Python学习笔记_week3_函数

    一.介绍 1.面向对象(华山派)--->类(独门秘籍)--->class(定义的关键字) 2.面向过程(少林派)--->过程--->def 3.函数式编程(逍遥派)---> ...

  4. yarn 日志查看

    1.  yarn 日志列表 yarn application -list 2. impala-shell impala-shell -q 'invalidate metadata' ## impala ...

  5. mysqld服务启动失败, Failed to restart mysqld.service: Unit not found.

    -bash-4.2# service mysqld restart Redirecting to /bin/systemctl restart mysqld.serviceFailed to rest ...

  6. 解决idea启动项目报错:Unable to open debugger port(127.0.0.1:60157):java.net.SocketException"socket closed

    原因分析: 1.可能是端口被占用导致,其他软件占用了tomcat的端口. 2.可能是在打开Tomcat的情况下关闭了Eclipse.idea等开发工具,或是Eclipse.idea非正常关闭(如电脑. ...

  7. 揭开牙病之谜 与牙医说再见<转>

    原贴地址:https://www.douban.com/group/topic/44383918/ -------------------------------------------------- ...

  8. open read split

    open  来打开文件, 其具体表现为 open('文件名或路径', 'r or w or other', 位置?) 其生成一个文件类型的对象 file object. 可写做 FILENAME = ...

  9. Oracle分区表常见操作

    Oracle分区表常用于业务中大表使用,如历史交易记录表等,提高表记录查询效率.本文主要描述范围分区表的创建.新增以及索引创建. Oracle操作分区表相关信息 显示数据库所有分区表的信息:DBA_P ...

  10. [cocos2d-x]认识游戏开发(图)

    FreeMind的.mm文件下载: http://yunpan.cn/cfL3cm6CZkMSt (提取码:e01a)