前端开发神器Sublime插件推荐

一个顺手的编辑器能极大的提高开发人员的开发效率,缩短项目开发的时间。

从我踏入这个行业到现在,我用过三个编辑器,最开始用的就是记事本,不得不说那真的是一个噩梦,不过我要感谢记事本,尤其是当我看到那些面试时问面试官有没有Dreamwaver的人的时候,至少我能随便找个编辑器就开始工作。

我第二个使用的编辑器是editplus,虽然他较记事本强了不少,但是依旧不好用,总是喜欢生成一堆的备份文件,而这些备份文件不删除又可能会有安全隐患,看着也不舒服,我想应该是可以配置了不生成的,因为觉得他不好,所以也没去深究。总之不喜欢这个编辑器。

最后就是现在还在使用的sublime text了,从第一次使用它开始我就觉得他很棒,很喜欢,当然也有不好的地方,也有别的编辑器比如jetbrains,zend stadio之类的比它好用,但是我还是觉得他很好,当然要让他更加的便于使用需要安装一些插件,下面列出我觉得比较好的一些插件

当然要安装插件,首先得先安装Package Control。

简单安装方法:

从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码:

Sublime Text 3:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

Sublime Text 2:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

手动安装:

可能由于各种原因,无法使用代码安装,那可以通过以下步骤手动安装Package Control:

1.点击Preferences > Browse Packages菜单

2.进入打开的目录的上层目录,然后再进入Installed Packages/目录

3.下载 Package Control.sublime-package 并复制到Installed Packages/目录

4.重启Sublime Text。

Package Control 主文件下载地址:https://github.com/wbond/sublime_package_control

此时输入快捷键 Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,就可以输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功)。

推荐插件,也是我正在用的:

1、emmet

Sublime Text编辑器最受欢迎的插件之一。Emmet,前身为Zen Coding,也是提升web开发人员工作效率最有效的方法之一。按下Tab键后,Emmet可以将一些简短的缩略词转换成完整的HTML/CSS代码片段。

2、DocBlockr

DocBlockr可成为你文档化代码的高效工具。输入/ **,然后按Tab键,该插件就会自动解析任何功能,并准备合适的模板。

3、AutoFileName

自动完成文件路径——非常方便

4、Colorcoder

高亮所有的变量,从而显著简化代码中的取向。尤其适用于有阅读障碍的开发人员。

5、SideBarEnhancements

左边栏增强

6、SublimeCodeintel

代码智能提示

7、BracketHighlighter

代码对其线高亮

8、JsFormat

可以将压缩为1行的代码格式化

9.jQuery

10、sass,scss

11、less

12.SyncedSidebarBg

让sidebar和编辑区域同样色,看着舒服一些

13、SublimeTmpl

快速建立html,php等模板

14、CTags

跳到函数声明的地方,这个是我最近发现的,因为这也是我一直认为sublime不足的一点地方,很多编辑器都有这个功能。

15、converttoutf8

将gbk编码的代码转换成utf-8编码的,让保存不会乱码

当然还有的插件还有很多,这个都是个人喜好啦。

  • 支付宝二维码 支付宝
  • 微信二维码 微信
相关文章