Sublime Text 3快捷键及常用插件

Sublime Text 3可打开图片


Ctrl + P -> :10 表示跳转到第10行
Ctrl + P -> 输入要查找的文件名, 通过光标即可找到需要的文件
Ctrl + P -> 输入@ 即可查找到 选择器


Ctrl + N -> 打开一个新的文件 -> Ctrl + Shift + P -> 输入JavaScript,即可采用JavaScript的语法模式
支持模糊匹配,输入fun回车,即可打出function function_name(argument) {}


Ctrl + D -> Find and replace,选择匹配项
Ctrl + K -> 取消选择当前匹配到的这个项


Alt + F3 全选当前匹配的字符

 

Ctrl + Shift + D 快速复制当前文本

Ctrl + Shift + K 删除当前行

Alt + C快速补全

 

Ctrl + 回车 -> 在当前行下面添加一行
Ctrl + Shift + 回车 -> 在当前行上面添加一行


选中 -> Ctrl + } -> 增加缩进
选中 -> Ctrl + { -> 减少缩进

一次编辑多行
方法一: Ctrl + A -> Ctrl + Shift + L -> 移动光标
方法二: Shift + 鼠标右键


保留原格式进行粘贴
在其他文件中复制代码到当前文件中时,有可能格式会走样,还需要重新调整缩进,回车等美化拷贝的代码
Ctrl + Shift + V,粘贴的时候,保留原格式(不用再format了)


将当前新建的文本设置为JavaScript语法模式
Ctrl + Shift + P -> 输入 set javascript -> 回车


隐藏/显示邮编的页面缩略导航
Ctrl + Shift + P -> minimap

 

 

 

Mac系统下的快捷键

http://www.cnblogs.com/murongxiaopifu/p/4131091.html

 

-----------------------------------------------------------

插件安装

-----------------------------------------------------------

在Package Controll (Ctrl + Shift + P)里搜索:
1. Emmet插件
! -> Ctrl + E

ul>.item$*10 -> Ctrl + E

div.row>div.col-md-12*10 -> Ctrl + E 结果如下

 

<div class="row">
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
	<div class="col-md-12"></div>
</div>

 

2. AdvancedNewFile插件
Ctrl + Alt + N -> frontend/index.html


3. Javascript & nodeJS snippets插件
document.getElementById('id'); 快捷输入 gi


4. javascript snippets插件


5. insert callback插件

 

 

6. SideBarEnhancements插件

 

 

    右键菜单增强

 

7. DocBlockr插件

    JavaScript注释补全

 

8. HTML-CSS-JS Prettify格式化HTML插件(需要安装node.js)

快捷键：Ctrl + Shift

 

9. pretty json插件

格式化json

使用:

Mac：全选 -> control + command + j

Windows：全选 -> ctrl + alt + j

 

10. 主题插件 - Material Theme

推荐这款主题插件，配色啥的都挺好看

 

如果喜欢像notepad++一样黑白主题的，下面这款可以试试看：

黑白主题：Soda 主题

 

11. 菜单显示当前文件全路径

Sublime Text -> Preferences... -> Settings..

右侧新增: "show_full_path": true

12. 打开中文txt文件乱码

安装插件 codecs33 (https://github.com/seanliang/Codecs33/tree/osx) 

 

13. 格式化XML

插件名称：Indent XML

使用：Ctrl +K，Ctrl + F 或者 选择 -> Format -> Indent XML

 

SublimeLinter插件
SublimeLinter-jshint插件
安装成功后,需要重启Sublime Text

jshint文档: http://jshint.com/docs/