开发者最常用的 Sublime text 3 插件

Sublime Text作为一个尽为人知的代码编辑器,其优点不用赘述。界面整洁美观、文本功能强大,且运行速度极快,非常适合编写代码,写文章做笔记。Sublime Text还支持Mac、Windows和Linux各大平台,方便用户使用。种类繁多、功能强大的插件更给Sublime Text 3锦上添花。下载Package Control后就可以迅速的开启插件之路。

插件下载地址:https://packagecontrol.io/

Sublime Text 3激活码:

----- BEGIN LICENSE -----eldonSingle User LicenseEA7E-1122628C0360740 20724B8A 30420C09 6D7E046F3F5D5FBB 17EF95DA 2BA7BB27 CCB1494727A316BE 8BCF4BC0 252FB8FF FD97DF71B11A1DA9 F7119CA0 31984BB9 7D71700C2C728BF8 B952E5F5 B941FF64 6D7979DAB8EB32F8 8D415F8E F16FE657 A35381CC290E2905 96E81236 63D2B06D E5F01A6984174B79 7C467714 641A9013 94CA7162------ END LICENSE ------

1、Babel

ES6的语法定义带有React JSX扩展的JavaScript。只支持Sublime Text 3。

2、EditorConfig

EditorConfig帮助开发者在不同的编辑器,IDE之间定义和维护统一的编程风格。EditorConfig工程包含一个文件,定义了编程风格,文本编辑器插件集合,让编辑器可以读取该文件并依照它来定义风格。

例如.editorconfig文件:

# top-most EditorConfig file

root = true

# Unix-style newlines with a newline ending every file

[*]

end_of_line = lf

insert_final_newline = true

# 4 space indentation

[*.py]

indent_style = space

indent_size = 4

# Tab indentation (no size specified)

[*.js]

indent_style = tab

# Indentation override for all JS under lib directory

[lib/**.js]

indent_style = space

indent_size = 2

# Matches the exact files either package.json or .travis.yml

[]

indent_style = space

indent_size = 2

3、DocBlockr

DocBlockr会成为你编写代码文档的有效工具。当输入/**并且按下Tab键的时候,这个插件会自动解析任何一个函数并且为你准备好合适的模板。

4.Soda Theme

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

Github:https://github.com/buymeasoda/soda-theme/

5.Sublime APICloud Plugins

Sublime APICloud Plugins是APICloud为开发者提供的一套开源的Sublime Text扩展插件,包括:应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能,其他的功能插件也在不断增加,这些插件已被Package Control成功收录,开发者可以直接在Sublime Text3中下载安装;所有插件都已开源,开发者也可以在此基础上按需求扩展自己的插件。

6.ColorPicker

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

插件下载:https://github.com/weslly/ColorPicker

7.Emmet

Emmet (前身是 Zen Coding)是一个前端开发不可缺少的插件,它让编写 HTML和CSS代码变得简单,节省大量时间。Emmet可使开发者用缩写形式书写代码,再用“扩展”功能自动将代码扩展至完整样式。

早在2009年,Zen Coding作为具有革命性的HTML和CSS代码编辑插件一经问世,直到现在帮助了无数的开发者,减少他们的时间,使得编写代码变得简便有趣。现在,Emmet已经超越了Zen Coding到达了更高层次,普适性的功能将给更多的开发者带来便利。

插件下载:https://github.com/sergeche/emmet-sublime

8.SublimeCodeIntel

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支持跳转到变量、函数定义的功能,另外还有自动补全的功能,十分方便。

插件下载:https://github.com/SublimeCodeIntel/SublimeCodeIntel

9.FileDiffs

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

插件下载:https://github.com/colinta/SublimeFileDiffs

10.SublimeLinter

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

插件下载:https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3

11.Alignment

Aligment插件让开发者自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性。

插件下载:https://github.com/wbond/sublime_alignment

Sublime Text 3中的插件种类繁复,功能强大,以上是开发者最常用的8大插件,希望给各位开发者节省插件选择的时间,提供编写代码的效率。

12、Theme - Monokai Pro

Monokai Pro是Visual Studio Code的一个配色方案和定制的用户界面主题。 它是由原Monokai颜色的作者设计的。 Monokai Pro的单一目标是让您专注于您的代码。

13 、HTMLPrettify

这是一个Sublime Text2、3插件,允许您格式化您的HTML,CSS,JavaScript和JSON代码。它使用Einar Lielmanis制作的一套漂亮的美化脚本。格式化程序是用JavaScript编写的,所以你需要一些东西(node.js)来解释浏览器之外的JavaScript代码。

Github:https://github.com/victorporof/Sublime-HTMLPrettify

14、ConvertToUTF8

通过这个插件,你可以编辑和保存目前Sublime Text不支持的编码文件,特别是GB2312,GBK,BIG5,EUC-KR,EUC-JP等中日韩用户使用的文件。ConvertToUTF8支持Sublime Text 2&3。

15、Phpcs

这个插件添加了PHP CodeSniffer,PHP代码美化和修复程序,PHP编码标准修复程序,PHP Linter,PHP Mess Detector,Scheck支持Sublime Text。

如何使用:http://benmatselby.github.io/sublime-phpcs/#configuration

16、Terminal

用于在当前文件中打开终端的快捷方式和菜单条目,或者在Sublime Text中的当前根项目文件夹。

17、EJS 2

Sublime Text 3 的EJSsyntax.还包括EJS标签自动完成。

Github:https://github.com/nwoltman/sublime-ejs

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180121G0N6GK00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券