Sublime Text 2必不可缺的插件

本文介绍了SublimeText2编辑器及其安装方法,并推荐了一些实用的插件,如ZenCoding、SublimeLinter等,帮助提升前端开发效率。

Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了。本文推荐一些好用的插件和扩展。

Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用。如果你不了解它,也可以看下小众软件的这篇详细介绍

安装Sublime Text 2插件的方法:

1.直接安装

安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

2.使用Package Control组件安装

也可以安装package control组件,然后直接在线安装:

  1. 按Ctrl+`调出console
  2. 粘贴以下代码到底部命令行并回车:
    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())
  3. 重启Sublime Text 2。
  4. 如果在Perferences->package settings中看到package control这一项,则安装成功。

如果这种方法不能安装成功,可以到这里下载文件手动安装

用Package Control安装插件的方法:
  1. 按下Ctrl+Shift+P调出命令面板
  2. 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

不爽的是,有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似无法设置代理,可能就获取不到安装包列表了。
好,方法介绍完了,下面是本文正题,一些有用的Sublime Text 2插件:

Zen Coding

这个,不解释了,还不知道ZenCoding的同学强烈推荐去看一下:《Zen Coding: 一种快速编写HTML/CSS代码的方法》。


PS:Zen Coding  for Sublime  Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。

jQuery Package for sublime Text

如果你离不开jQuery的话,这个必备~~

Sublime Prefixr

Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇

JS Format

一个JS代码格式化插件。

SublimeLinter

一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

Placeholders

故名思意,占位用,包括一些占位文字和HTML代码片段,实用。

Sublime Alignment

用于代码格式的自动对齐。传说最新版Sublime 已经集成。

Clipboard History

粘贴板历史记录,方便使用复制/剪切的内容。

DetectSyntax

这是一个代码检测插件。

Nettuts Fetch

如果你在用一些公用的或者开源的框架,比如 Normalize.css或者modernizr.js,但是,过了一段时间后,可能该开源库已经更新了,而你没有发现,这个时候可能已经不太适合你的项目了,那么你就要重新折腾一遍或者继续用陈旧的文件。Nettuts Fetch可以让你设置一些需要同步的文件列表,然后保存更新。

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的所有功能。

总结

好吧,大概就这些,如果你有常用的插件或者扩展,欢迎推荐。Sublime Text 2真是一款一见钟情的编辑器,每次和别人聊到编辑器时必荐的。。。 :)

Sublime Text 3 增强版:1) 完全被汉化破解; 2) 解决sublime中文乱码问题; 3) 已经安装了下列插件,这些插件将使得您编写HTML、CSS、JavaScript、jQuery如虎添翼: 4) 调整了软件的新建文档默认语法为html5)皮肤主题: 1、Spacegra 2、Numix 3、Brogrammer-------------------------------------------- 在Sublime的基础上增加了部分功能: 1、 新建文件模板(支持html、html5、css、js、php等) 2、 快速生成html文档 3、 设置默认浏览器打开 4、 sublime右键浏览器打开 5、 系统鼠标右键以sublime打开文 件 6、 侧边栏右键功能加强 7、 语法加亮 8、 Javsscriptjquery智能提示 9、 HTML代码格式化 10、CSS代码格式化 11、emmet快速书写代码 12、支持转换多种编码 13、增强创建文件 默认快捷键 ctrl+alt+N 14、自动补全文件(目录)名 15、背景显示CSS 英文16进制颜色 16、生成注释模板 17、集成了强大的调色盘 18、代码错误提示 19、支持Javascript、JQuery、Bootstrap、HTML5标签属性提示 20、快捷刪除不必要的空白 21、压缩css代码 快捷键:Ctrl+Shift+Alt+M 22、压缩js代码 快捷键:Ctrl+Shift+Alt+M 23、代码格式的自动对齐 24、高亮显示多余的空格Tab 25、文件对比 26、迅捷面板快速选择主题 27、增强Sublime针对CSS的错误高亮 28、CSS3 私有前缀自动补全插件(需要安装nodejs) 29、右键快速新建任何语言格式文件 30、可以在状态栏显示出当前光标处于哪个函数中 31、配合Chrome 浏览器实现高效可视化开发,无刷新同步修改预览 32、加入了HTML5元素提示 33、安装了bootstrap 34、支持移动开发框架jquery mobile 35、在状态栏显示系统时间 36、在状态栏显示最后修改时间,编码,文件大小等 37、单词量实时计算,在状态栏显示 38、支持多种编码保存
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值