Sublime text2 常用插件集锦

No.01 – Emmet
Emmet 是一个前端开发的利器,其前身是Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是:输入简写形式,然后按 Tab 键。
关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式。

No.02 – SublimeLinter
SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 语言。

No.03 – SideBarEnhancements
SideBarEnhancements 是一款很实用的右键菜单增强插件,有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能。

SideBarEnhancements 还有一个功能就是自定义打开文件的程序,在侧边栏中右键点击一个文件(夹),选择 Open With -> Edit Applications 就可以修改关联了,配置文件自带示例,可以很方便地套用。

Copy as Text… 是 SideBarEnhancements 的又一个特色功能,可以复制包含各种形式的路径、URL(甚至包括 base64 的 data:uri)、转码后的文件名、各种 HTML Tag(a、img、script、style)等。

No.04 – Sublime?Code?Intel 
Sublime?Code?Intel 是一个代码提示、补全插件,支持 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 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。

使用 Sublime?Code?Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或 project_root/.codeintel/config 中,ReadMe 中有详细的 说明,不再赘述。

十分不建议把 Sublime?Code?Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比 Sublime?Code?Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单 Preferences -> Package Settings -> Sublime?Code?Intel -> Settings – User 中加入下面的内容,并去掉要禁用的语言。

01 "codeintel_enabled_languages":
02 [
03 "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML",
04 "Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS",
05 "Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
06 ],
07 "codeintel_live_enabled_languages":
08 [
09 "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML",
10 "Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS",
11 "Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
12 ]

No.05 – Alignment 
Alignment 是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是 ctrl+alt+a(Mac OS 上是 cmd+ctrl+a)。

No.06 – Bracket?Highlighter 
Bracket?Highlighter 是一个括号、引号、标签高亮插件,支持 []、()、{}、””、” 和 等,比 Sublime Text 自带的高亮要明显得多。

No.07 – Git
Git 插件集成了 git 的常用功能,使用之前需要安装 git 并写入环境变量中。

No.08 – JSFormat
JS格式化插件

No.09 – SassBeautify
Sass 文件美化插件

No.10 –DocBlockr
自动给函数添加块级注释。

No.11 –Pretty JSON
JSON美化扩展扩展插件

No.12 – Sublime?Tmpl
html/js/css/php模板插件

No.13 – Sublime Function Name Display
This plugin displays the current file, class and function name on the status bar in Sublime Text 2 and 3.

参考地址:
https://sublime.wbond.net/search

转载声明:

本文标题:Sublime text2 常用插件集锦

本文链接:http://www.zuojj.com/archives/566.html,转载请注明转自Benjamin-专注前端开发和用户体验

时间: 2024-10-11 16:54:42

Sublime text2 常用插件集锦的相关文章

转 Sublime text2 常用插件集锦

No.01 – Emmet Emmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键. 关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式. No.02 – SublimeLinter SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++.CoffeeScript.CSS.Git Commit Messages.Haml

sublime text2 安装插件的方法

sublime text2 可以离线和在线两种安装插件的方法: 1.离线安装插件:①下载离线插件并且解压: ②把解压的文件夹放在 .\Sublime Text 2.0.2 x64\Data\Packages 中即可. 2.安装package control组件,然后直接在线安装: ①按Ctrl+`调出console ②粘贴以下代码到底部命令行并回车: import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330

Sublime Text常用插件总结及Package Control安装方法

Sublime Text 是一个代码编辑器,具有漂亮的用户界面和强大的功能,并且它还是一个跨平台的编辑器,同时支持Windows.Linux.Mac OS X等操作系统.本文主要分享几款程序开发中可能用到的插件. Sublime Text插件安装方法 在介绍插件之前,先写下Sublime Text安装插件的方法,主要有以下两种: 1. 直接通过下载安装包安装 在编辑器菜单中点击“Preferences”–“Browse Packages…”打开插件安装目录,然后把下载的安装包解压后放到该目录即可

SubLime Text3 常用插件总结

近来开始恶补前端知识,在一定的技能基础上,逐渐开始进阶的学习和使用.因此在这里罗列下,SubLime Text3 常用插件: 1.Emmet 提高HTML & CSS3编写速度. 2.Theme – Soda 一直用的一款皮肤 3.sideBarEnhancements 侧边栏右键增效插件,提高页面处理速度. 4.HTML5 Sublime Text3支持HTML5 5.Sass Sublime Text3支持Sass 6.Less Sublime Text3支持Less 7.SublimeCo

前端与php的sublime text3常用插件

1.安装Package Control 快捷键: ctrl+`     粘贴内容后Enter:  import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.re

sublime text 常用插件安装

自动补全Html 英文界面:menu->Preferences->Setting-User->加上这一句  ,保存->关闭编辑器->重新打开->完成 , "auto_complete": true, "auto_match_enabled": true 常用插件 sublime是通过插件管理器Package Control地对插件浏览.安装和卸载插件. 安装Package Control 百度搜索Package Control打开

前端开发 sublime text 常用插件和配置

前端开发sublimeconfig mac配置 此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置. 插件列表 所有插件都可以使用Package Control安装,具体的安装方法可以自行谷歌安装,不在本文的介绍范围之内.也可以是使用git 手动安装. 1.autoprefixer 该插件主要使编写css更加的方便和快捷,可以配置快捷键给标签属性添加浏览器厂商前缀.安装前需要确定电脑安装node. 配置快捷键如下: //autoprefixer快捷键设置 { "key

Sublime Text 常用插件

常用插件: 1.converttoUTF8 2,Makrdownpreview 3,makrdownHighting(某种高亮显示markdown语法) *JavaPropertiesEditor *Jedi Synatx *Javatar *java Velocity 4javaIME(提示代码) 5,All Autocomplete

SubLime Text3 快捷操作和sublime text常用插件

SubLime Text3 快捷操作 ctrl+N:快速创建 ctrl+p:find anything查找框 输入@查找元素 ctrl+shift+p:切换语言 ctrl+L:选中一行 ctrl+D:光标选中多行操作 也是替换功能 这时ctrl+k:掉过一行也可以ctrl+d选中后 按alt+f3 全选 也可以按住shift+鼠标右键拖拽 ctrl+shift+D:复制换行 Ctrl+L 选择整行(按住-继续选择下行) Ctrl+KK 从光标处删除至行尾 Ctrl+Shift+K 删除整行 Ct