专为前端开发者准备的15款优秀的Sublime Text插件

Sublime Text 已成为了目前最流行的代码编辑器之一。它的反应速度、简单易用性以及丰富的插件生态，让众多前端开发者们为之倾倒。

为了帮助开发者们更便捷地使用 Sublime Text ，我们决定制作一个 Sublime Text 扩展列表，它包含了我们日常使用的一些插件。当然，如果我们所列举的插件中没有你喜欢的，也随时欢迎你在评论中与我们分享它们。

1、插件包管理器

首先，我们将从包管理器开始。Package Control 是 Sublime Text 的插件包管理器，它提供了 Sublime 中插件包的安装与删除。若你没有安装它，那么我们后续推荐的插件，你也就无法尝试咯。

2、JavaScript 与 NodeJS 代码段

一个用于编写常见 JavaScript 代码段的集合插件。为什么要费劲逐个敲下 document.querySelector（‘selector’）文本，你只需要利用快捷键 qs，并按下 Tab 键，剩下的代码，Sublime 将帮你自动补全。

另外前端想学好，想高薪就业，符合企业项目要求的经验至关重要。没项目的话，可以去小编的企鹅学习裙：酒伞留吧务而伞刘酒，翻译成阿拉伯数字就可以找到了、自己去里面下，多操作练习积累项目经验才是王道

3、Emmet

上述的插件类似，Emmet 也是一款让你更快捷编码的插件。但 Emmet 适用于 HTML 与 CSS 代码的编写，它可以让你一次性输入长标签、嵌套元素或者整个页面模板。

如果你觉得 Emmet 有些复杂，那么你可以尝试一个叫做 HTML 代码段的插件。它更简单易用，并且使用文档写的也很直接。

译者注：Emmet 的前身是大名鼎鼎的 Zen coding，相信前端开发者们不会陌生。这里再分享一个使用手册，希望对你有所帮助。

4、 Advanced New File

一款助你在 Sublime 中快速创建新文件的插件。你只需要使用菜单，并利用快捷键 ctrl+alt+n 打开提示框，写入新文件的路径，即可配置新文件。该插件还支持自己编写路径保存，甚至文件夹的名称也可以自动完成。

一款可以直接在 Sublime 命令选项面板中工作的 Git 集成插件。该插件提供了一些常用的 Git 命令，你可以在 Sublime 中完成，诸如添加、提交或查看 Git 日志等功能。

GitGutter

一个非常实用的 Sublime 扩展。它会告诉你自上次 Git Commit 以来已经改变的代码行，并给出相应的概述。你也可以用它来与你已提交到 Git 上的文件进行详细的对比。

Side Bar Enhancements

在 Sublime Text 中，你可以在左侧面板中了解正在进行的项目。虽然，它为你提供了一些使用文件的基本选项，但默认的操作是相当有限的。

当你右键菜单选项的时候，这个插件将会为你提供超过 20 个选项来增强你的可操作性。包括在浏览器中打开、复制以及其他有用的功能。

8、ColorPicker

一个小巧实用的取色器。它可以快速地抓取十六进制的色值，使用非常简单。你可以在单独的窗口打开它，从调色板中取色，或使用滴管在屏幕的任意位置取色。

9、Placeholders

Sublime Text 3 有一个内置的 Lorem Ipsum（占位符）生成器，你可以使用它来创建虚拟文本。而该插件则扩展了占位符生成器的功能，你就可以通过 Sublime Text 快速地生成占位符图像、表单、列表和表。

10、DocBlockr

个可以向函数添加详细注释的插件。DocBlockr 可以帮助你轻松地为函数添加相应的描述，包括参数、返回的值和变量类型。

11、SublimeCodeIntel

一个智能代码自动补全插件，它能帮你索引你的源文件，并能让你快速地找到并跳转到相应的函数中。

所以，这个扩展适用于流行以及相对冷门的编程语言。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】每天更新最新技术文章干货。

12、Minify

一个代码美化与压缩的插件，适用于 CSS、HTML、JavaScript、JSON 和 SVG.

此包依赖于外部 Node.js 库进行缩小和美化，故你需要单独安装它们。

npm install -g clean-css uglifycss js-beautify html-minifier uglify-js minjson svgo

13、Sublime Linter

此插件能够帮助开发人员检测代码中存在的语法错误，不规范的或者错误的代码写法。它支持各类开发语言。

但 Sublime Linter 本身只是一个基础的框架，所以使用的时候，你还需要安装单独的插件来满足不同语言的使用需求。

14、Color Highlighter

可以在许多 IDE 和文本编辑器中看到颜色高亮功能，而 Sublime 中是不支持颜色预览的。但是，有了这款插件，在你使用 Sublime 时就能够帮你检测出 CSS 文件中的颜色码。无论是 Hex 码，或是 RGB 码都能很好的显示。

15、Language Packs

虽然 Sublime Text 具有超过 50 种编程语言代码的高亮显示。但是，仍然有部分框架和 Web 开发语言，目前还不支持。不过，由于编辑器插件的性质，社区也能够为任何编程语言创建和提供相应的包。

AngularJS

TypeScript

Babel (React)

专为前端开发者准备的15款优秀的Sublime Text插件相关推荐

精心挑选的15款优秀 jQuery 文本特效插件和教程
今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程.jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理, ...
【开发工具】C/C++开发者必不可少的15款编译器+IDE
Web开发者可选择的编程语言有很多比如,Java..Net.PHP.Ruby.Perl.Python等等,但是今天我们要讨论的是两个古老且非常流行的语言,即C/C++.正是由于其迷人的特性,赋予了它们 ...
15款优秀移动APP产品原型设计工具
15款优秀移动APP产品原型设计工具 2014-01-22 8:55 yoyo 分类:原型设计微信二维码一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#￥ ...
给开发者准备的 10 款最好的 jQuery 日历插件
1. CLNDR.js CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历.这个插件不会生成任何的标记,但是可以使用数据来填充 Underscore.js HT ...
推荐15款优秀的chrome插件，每一款都是神器
背景 Chrome浏览器是目前是全球最受欢迎的浏览器之一.其采用了多进程的架构,浏览器的运行速度和稳定性都非常好.拥有一套全面的安全系统,包括反恶意软件.安全浏览.沙箱和自动更新等功能,保障用户的浏览 ...
typescript语法高亮插件_JavaScript开发者必备的10个Sublime Text插件
Sublime Text几乎是任何开发者在其工具箱的必备应用程序.Sublime Text是一款跨平台的,高度可定制的,高级的文本编辑器,既适合全功能的IDE(出了名的资源匮乏),又可匹配命令行编辑器 ...
java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...
C/C++开发者必不可少的15款编译器+IDE
摘要:C/C++这两门语言依然活跃在编程领域里,其不仅拥有强大的功能集,而且还提供了强大的安全保障.为此,笔者专为C/C++编码者收集了15款令人印象深刻的IDE和编译器. Web开发者可选择的编程语 ...
为开发者准备的15 款Tooltip工具提示jQuery插件
http://www.admin10000.com/document/2332.html tooltip或者infotip或者hint,是一种常见的图形用户界面元素.它用于连同一个光标,通常是一个鼠标 ...

专为前端开发者准备的15款优秀的Sublime Text插件

专为前端开发者准备的15款优秀的Sublime Text插件相关推荐

最新文章

热门文章