【Sublime Text3】sublime 推荐必备插件与常用快捷键说明

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大、灵活的编辑器,相信你和我一样,都不会例外。下面就说说提高开发效率的 sublime 推荐必备插件介绍:

Sublime Text 3 插件集合 – sublime 推荐必备插件

 

soda-theme-master:Sublime Text 3 中较为常用的一款自定义编辑器主题,用过的人都说好。Soda Theme 包含代码着色、标签、图标,拥有 light 和 dark 两种颜色主题便于用户在不同时间段使用。

ColorPicker:编辑 CSS 样式的时候, ColorPicker 调色盘不仅可以查看颜色值,更可以轻松调好颜色。ColorPicker 同时还是一个双向选择颜色的功能,既可以在调色板中选好颜色将其使用至文档中,也可以迅速定位文档中的某一种颜色值到调色板中。快捷键:ctrl+shift+c;

Emmet: (前身是 Zen Coding)是一个前端开发不可缺少的插件,它让编写 HTML 和 CSS 代码变得简单,节省大量时间。Emmet 可使开发者用缩写形式书写代码,再用“扩展”功能自动将代码扩展至完整样式。早在 2009 年,Zen Coding 作为具有革命性的 HTML 和 CSS 代码编辑插件一经问世,直到现在帮助了无数的开发者,减少他们的时间,使得编写代码变得简便有趣。现在,Emmet 已经超越了 Zen Coding 到达了更高层次,普适性的功能将给更多的开发者带来便利。

SublimeCodeIntel:作为一个代码提示和补全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言,是 Sublime Text 自带代码提示功能基础上一个更好的扩展,自带代码提示功能只可提示系统代码,而 SublimeCodeIntel 则可以提示用户自定义代码。SublimeCodeIntel 支持跳转到变量、函数定义的功能,另外还有自动补全的功能,十分方便。

FileDiffs:插件可以让开发者比较两个不同文件的差异,比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。

SublimeLinter:是少数几个能在 sublime text 3 工作的代码检查插件,SublimeLinter 支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言,但前提是需要配置相应语言的环境,要检查 JavaScript 代码需要安装 node.js,检查 PHP 代码需要安装 PHP 并配置环境等。SublimeLinter 可以及时提示编写代码中存在的不规范和错误的写法,并培养我们良好的编码习惯和风格。

Aligment 插件:让开发者自动对齐代码,包括 PHP、CSS、JavaScript 语言。使得代码看起来更整齐美观,更具可读性。如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

DocBlockr:注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

ftpsync:FTP ssh 上传配置,安装成功配置一下 host 等就可以了!

SFTP 插件:主要功能就是通过 FTP/SFTP 连接远程服务器并获取文件列表,可以选择下载编辑、重命名、删除等等操作,点下载编辑之后,可以打开这个文件进行修改。修改完成之后,保存一下会自动上传到远程的服务器上面,使用这个插件之后,工作效率可以大大提高;

GBK to UTF8:将文件编码从 GBK 转黄成 UTF8,菜单 – File 里面找

WordPress:集成一些 WordPress 的函数,对于像我这种经常要写 WP 模版和插件的人特别有用

PHPTidy:整理排版 PHP 代码

YUI Compressor:压缩 JS 和 CSS 文件

Ctags:函数跳转,我的电脑上是 Alt+点击 函数名称,会跳转到相应的函数

AutoPrefixer:私有前缀自动补全插件,写 CSS 可自动添加 -webkit 等私有词缀,Ctrl+Alt+X 触发。

Tag:Html 格式化,HTML/XML 标签缩进、补全、排版和校验工具,右键 Auto-Format Tags on Ducument。一般是用 ctrl +Alt +F 触发,若触发不了,查看是不是 html 文件,是否选中,是否有快捷键冲突!

Clipboard History:剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V 触发。

SideBarEnhancements:侧栏右键功能增强,非常实用

ChineseLocalizations:一种让 sublime 汉化的插件

BracketHighlighter:类似于代码匹配,可以匹配括号,引号等符号内的范围。

HTML-CSS-JS Prettify:使用说明:快速格式化 html css js;快捷键:ctrl+shift+h

SyncedSidebarBg:自动同步侧边栏底色为编辑窗口底色

Git:Git 帮助你与你的 Git repo 协议进行交互。它支持很多命令像 init, push, pull, branch, stash,等的。

GitGutter:这是一个小巧有用的插件,指示代码中插入、修改、删除的地方。它会告诉你自上次 git commit 以来已经改变的行。一个指示器显示在行号的旁边。

Gist:这个插件可以让你拉你的 Gists,并把它们插入到你的文件。当你有一个 Gists,以启动一个 HTML 文件或任何其他可重用的代码时候,这是有用的。使用方法:打开命令面板,并且键入 gist。您也可以使用所显示的快捷方式。

SidebarEnhancements:在侧边栏的文件上右击时,这个插件提供了大量更多的选择。打开,查找,复制和粘贴,等等。

JSFormat:Javascript 的代码格式化插件

LESS:语法高亮插件

jQuery:jQ 函数提示,快捷输入 jQ 函数,是偷懒的好方法

ConvertToUTF8:文件转码成 utf-8,通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI 等。ConvertToUTF8 同时支持 Sublime Text 2 和 3。安装插件后自动转换为 utf-8 格式

AutoFileName:快捷输入文件名,自动完成文件名的输入,如图片选取,输入”/”即可看到相对于本项目文件夹的其他文件

Nodejs:node 代码提示;

IMESupport:sublime 中文输入法,还在纠结 Sublime Text 中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows,在搜索等界面不能很好的跟随光标。使用:Ctrl + Shift + P →输入 pci →输入 IMESupport →回车。

Trailing spaces:检测并一键去除代码中多余的空格。还在纠结代码中有多余的空格而显得代码不规范?或是有处女座情节?次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格,让你的代码规范清爽起来。使用:安装插件并重启,即可自动提示多余空格。一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在 Preferences / Key Bindings – User 加上代码(数组内)

GBK Encoding Support:中文识别,Sublime Text 2 可识别 UTF-8 格式的中文,不识别 GBK 和 ANSI,因此打开很多含中文的文档都会出现乱码。可以通过安装插件 GBK Support,来识别 GBK 和 ANSI。

Terminal 插件:在编程过程中,我们经常需要使用到命令行窗口,Terminal 插件可以允许在 Sublime Text 3 中打开 cmd 命令窗口,即可使用快捷键 Ctrl+Shift+T 呼出命令行窗口。

CssComb 插件:为 CSS 属性进行排序和格式化插件。如发现它并不能运行,它依赖于 Node.js ,若您的计算机未安装 NodeJS 环境,则安装上。使用方法:菜单 Tools->Run CSScomb 或在 CSS 文件中按快捷键 Ctrl+Shift+C。

Sublime Tradsim :Tradsim 是一款能把中文的繁字体和简体字互相转换的插件,只支持 UTF-8 编码,虽然觉得有点鸡肋,但还是介绍出来给需要的朋友吧,安装插件,因为插件包里没快捷键文件,所以我们可以自定义一个。

MarkDown Editing :SublimeText 不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。

插件下载链接沃森博客整理

sublime 相关文章,值得一看:https://github.com/kx13vip/sublime-text

Sublime Text 快捷键

强大的快捷键,提高你的编码效率。

常用快捷键

  • CTRL+N:新建文件
  • CTRL+w:关闭文件
  • CTRL+O:打开文件
  • CTRL+Z:撤销
  • CTRL+Y:撤销还原
  • CTRL+F:查找
  • CTRL+H:替换
  • Esc:小工具窗口隐藏

 

编码快捷键

  • Ctrl+Shift+P 打开命令面板,如设置编码语言
  • Tab:缩进、自动完成
  • Shift+Tab 去除缩进
  • Ctrl+J 合并行(已选择需要合并的多行时)
  • Ctrl+T 词互换
  • Ctrl+U 软撤销
  • Ctrl+K Backspace 从光标处删除至行首
  • Ctrl+KK 从光标处删除至行尾
  • Ctrl+K+T 折叠属性
  • Ctrl+K+U 改为大写
  • Ctrl+K+L 改为小写
  • Ctrl+K+0 展开所有
  • Ctrl+Enter 插入行后(快速换行)
  • Ctrl+Shift+/ 注释已选择内容
  • Ctrl+Shift+↑可以移动此行代码,与上行互换
  • Ctrl+Shift+↓可以移动此行代码,与下行互换
  • Ctrl+Shift+[ 折叠代码
  • Ctrl+Shift+] 展开代码
  • Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
  • Ctrl+Shift+A 选择光标位置父标签对儿
  • Ctrl+Shift+D 复制光标所在整行,插入在该行之前
  • Ctrl+Shift+K 删除整行
  • Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行
  • Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
  • Ctrl+Shift+Enter 光标前插入行
  • Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后顺序切换
  • Ctrl+鼠标左键 可以同时选择要编辑的多处文本
  • Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择

 

查找快捷键

  • CTRL+P:查找当前项目中的文件和快速搜索,快速查找标签位置
  • Ctrl+P 输入 @ 查找文件主标题/函数;或输入:跳转到文件某行
  • CTRL+G:跳转到指定行
  • CTRL+F:查找
  • Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)
  • Ctrl+L 选择整行(按住-继续选择下行)
  • Ctrl+M 光标移动至括号内开始或结束的位置
  • Ctrl+R 快速列出/跳转到某个函数
  • ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是 sublime 允许添加多个文件夹进行查找

其他快捷键

  • Ctrl+K+B 开启/关闭侧边栏
  • Ctrl+Tab 当前窗口中的标签页切换
  • Ctrl+F2 设置书签
  • Shift+F2 上一个书签
  • Alt+Shift+1(非小键盘)窗口分屏,恢复默认 1 屏
  • Alt+Shift+2 左右分屏-2 列
  • Alt+Shift+3 左右分屏-3 列
  • Alt+Shift+4 左右分屏-4 列
  • Alt+Shift+5 等分 4 屏
  • Alt+Shift+8 垂直分屏-2 屏
  • Alt+Shift+9 垂直分屏-3 屏
  • Alt+. 闭合当前标签
  • Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑
  • Tab 缩进 自动完成
  • F2 下一个书签
  • F6 检测语法错误
  • F9 行排序(按 a-z)
  • F11 全屏模式

 

posted @ 2018-09-29 14:28  花未名  阅读(3020)  评论(0编辑  收藏  举报