[整理]代码编辑神器sublime text 2一些必不可少的插件
2014-11-18 16:24
393 查看
整理自:一些必不可少的sublime text 2插件
在原文的基础上,修改了emmet插件介绍,增加了Ctags插件和安装LESS2CSS插件的链接。
请尊重版权,转载请注明来源,多谢!
Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了。本文推荐一些好用的插件和扩展。
Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用。如果你不了解它,也可以看下小众软件的这篇详细介绍。
安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。
也可以安装package control组件,然后直接在线安装:
按Ctrl+`调出console
粘贴以下代码到底部命令行并回车:
重启Sublime Text 2。
如果在Perferences->package settings中看到package control这一项,则安装成功。
如果这种方法不能安装成功,可以到这里下载文件手动安装。
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
不爽的是,有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似无法设置代理,可能就获取不到安装包列表了。
好,方法介绍完了,下面是本文正题.
这个,之前叫Zen
Coding,不解释了,还不知道emmet的同学强烈推荐去看一下:《Zen
Coding: 一种快速编写HTML/CSS代码的方法》,官网学习地址http://docs.emmet.io/。
PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。
如果你离不开jQuery的话,这个必备~~
Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇
一个JS代码格式化插件。
产生标记文件,帮助文件定位的插件。
一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)
故名思意,占位用,包括一些占位文字和HTML代码片段,实用。
用于代码格式的自动对齐。传说最新版Sublime 已经集成。
粘贴板历史记录,方便使用复制/剪切的内容。
这是一个代码检测插件。
如果你在用一些公用的或者开源的框架,比如 Normalize.css或者modernizr.js,但是,过了一段时间后,可能该开源库已经更新了,而你没有发现,这个时候可能已经不太适合你的项目了,那么你就要重新折腾一遍或者继续用陈旧的文件。Nettuts
Fetch可以让你设置一些需要同步的文件列表,然后保存更新。
该插件基于Google Closure compiler,自动压缩js文件。
代码自动提示
类似于代码匹配,可以匹配括号,引号等符号内的范围。
自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U
将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C
该插件基本上实现了git的所有功能。
较为复杂,参见
Sublime Text 2的Less2Css插件介绍与安装
好吧,大概就这些,如果你有常用的插件或者扩展,欢迎推荐。Sublime Text 2真是一款一见钟情的编辑器,每次和别人聊到编辑器时必荐的。。。 :)
在原文的基础上,修改了emmet插件介绍,增加了Ctags插件和安装LESS2CSS插件的链接。
请尊重版权,转载请注明来源,多谢!
Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了。本文推荐一些好用的插件和扩展。
Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用。如果你不了解它,也可以看下小众软件的这篇详细介绍。
安装Sublime Text 2插件的方法:
1.直接安装
安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。
2.使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:按Ctrl+`调出console
粘贴以下代码到底部命令行并回车:
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
重启Sublime Text 2。
如果在Perferences->package settings中看到package control这一项,则安装成功。
如果这种方法不能安装成功,可以到这里下载文件手动安装。
用Package Control安装插件的方法:
按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
不爽的是,有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似无法设置代理,可能就获取不到安装包列表了。
好,方法介绍完了,下面是本文正题.
一些有用的Sublime Text 2插件:
emmet
这个,之前叫ZenCoding,不解释了,还不知道emmet的同学强烈推荐去看一下:《Zen
Coding: 一种快速编写HTML/CSS代码的方法》,官网学习地址http://docs.emmet.io/。
PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。
jQuery Package for sublime Text
如果你离不开jQuery的话,这个必备~~
Sublime Prefixr
Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇
JS Format
一个JS代码格式化插件。
JSCtags
产生标记文件,帮助文件定位的插件。
SublimeLinter
一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)
Placeholders
故名思意,占位用,包括一些占位文字和HTML代码片段,实用。
Sublime Alignment
用于代码格式的自动对齐。传说最新版Sublime 已经集成。
Clipboard History
粘贴板历史记录,方便使用复制/剪切的内容。
DetectSyntax
这是一个代码检测插件。
Nettuts Fetch
如果你在用一些公用的或者开源的框架,比如 Normalize.css或者modernizr.js,但是,过了一段时间后,可能该开源库已经更新了,而你没有发现,这个时候可能已经不太适合你的项目了,那么你就要重新折腾一遍或者继续用陈旧的文件。NettutsFetch可以让你设置一些需要同步的文件列表,然后保存更新。
JsMinifier
该插件基于Google Closure compiler,自动压缩js文件。
Sublime CodeIntel
代码自动提示
Bracket Highlighter
类似于代码匹配,可以匹配括号,引号等符号内的范围。
Hex to HSL
自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U
GBK to UTF8
将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C
Git
该插件基本上实现了git的所有功能。
Less2Css插件介绍与安装
较为复杂,参见 Sublime Text 2的Less2Css插件介绍与安装
总结
好吧,大概就这些,如果你有常用的插件或者扩展,欢迎推荐。Sublime Text 2真是一款一见钟情的编辑器,每次和别人聊到编辑器时必荐的。。。 :)
相关文章推荐
- 前端神器-神级代码编辑软件Sublime Text下载、使用教程、插件推荐说明、全套快捷键
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 【前端编辑神器】 Sublime Text安装插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件 - 钟磊的专栏 - 博客频道 - CSDN.NET
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件
- 一些必不可少的Sublime Text 2插件