专为前端开发者准备的 15 款优秀的 Sublime Text 插件
作者 | IT程序狮
链接 | https://www.jianshu.com/p/87fe1139f668
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
打开提示框,写入新文件的路径,即可配置新文件。
该插件还支持自己编写路径保存,甚至文件夹的名称也可以自动完成。
5、Git
一款可以直接在 Sublime 命令选项面板中工作的 Git 集成插件。该插件提供了一些常用的 Git 命令,你可以在 Sublime 中完成,诸如添加、提交或查看 Git 日志等功能。
6、 GitGutter
一个非常实用的 Sublime 扩展。它会告诉你自上次 Git Commit 以来已经改变的代码行,并给出相应的概述。你也可以用它来与你已提交到 Git 上的文件进行详细的对比。
7、Side Bar Enhancements
在 Sublime Text 中,你可以在左侧面板中了解正在进行的项目。虽然,它为你提供了一些使用文件的基本选项,但默认的操作是相当有限的。
当你右键菜单选项的时候,这个插件将会为你提供超过 20 个选项来增强你的可操作性。包括在浏览器中打开、复制以及其他有用的功能。
8、ColorPicker
一个小巧实用的取色器。它可以快速地抓取十六进制的色值,使用非常简单。你可以在单独的窗口打开它,从调色板中取色,或使用滴管在屏幕的任意位置取色。
9、 Placeholders
Sublime Text 3 有一个内置的 Lorem Ipsum(占位符) 生成器,你可以使用它来创建虚拟文本。而该插件则扩展了占位符生成器的功能,你就可以通过 Sublime Text 快速地生成占位符图像、表单、列表和表。
10、 DocBlockr
一个可以向函数添加详细注释的插件。DocBlockr 可以帮助你轻松地为函数添加相应的描述,包括参数、返回的值和变量类型。
11、 SublimeCodeIntel
一个智能代码自动补全插件,它能帮你索引你的源文件,并能让你快速地找到并跳转到相应的函数中。
所以,这个扩展适用于流行以及相对冷门的编程语言。
12、 Minify
一个代码美化与压缩的插件,适用于 CSS、HTML、JavaScript、JSON 和 SVG.
此包依赖于外部 Node.js 库进行缩小和美化,故你需要单独安装它们。
此插件能够帮助开发人员检测代码中存在的语法错误,不规范的或者错误的代码写法。它支持各类开发语言。
但 Sublime Linter 本身只是一个基础的框架,所以使用的时候,你还需要安装单独的插件来满足不同语言的使用需求。
14、Color Highlighter
你可以在许多 IDE 和文本编辑器中看到颜色高亮功能,而 Sublime 中是不支持颜色预览的。但是,有了这款插件,在你使用 Sublime 时就能够帮你检测出 CSS 文件中的颜色码。无论是 Hex 码,或是 RGB 码都能很好的显示。
15、 Language Packs
虽然 Sublime Text 具有超过 50 种编程语言代码的高亮显示。但是,仍然有部分框架和 Web 开发语言,目前还不支持。不过,由于编辑器插件的性质,社区也能够为任何编程语言创建和提供相应的包。
AngularJS
TypeScript
Babel (React)
额外的彩蛋:主题
在 Sublime Text 上安装一个漂亮的主题,势必会使你能够更愉快地编写代码。当然,这里也有一些我们喜欢的主题与你分享:
Agila(截图中使用的主题)
Material Theme
Brogrammer
感谢你的阅读。若你有所收获,欢迎点赞与分享。
专为前端开发者准备的 15 款优秀的 Sublime Text 插件相关推荐
- 专为前端开发者准备的15款优秀的Sublime Text插件
Sublime Text 已成为了目前最流行的代码编辑器之一.它的反应速度.简单易用性以及丰富的插件生态,让众多前端开发者们为之倾倒. 为了帮助开发者们更便捷地使用 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,是一种常见的图形用户界面元素.它用于连同一个光标,通常是一个鼠标 ...
最新文章
- 德国图宾根大学发布可扩展「对抗黑盒攻击」,仅通过观察决策即可愚弄深度神经网络
- 8s 使用本地打包镜像_在Docker环境构建、打包和运行Spring Boot应用
- SpringCloud微服务架构,Config 分布式配置中心,Bus 消息总线, Stream 消息驱动,Sleuth+Zipkin 链路追踪
- 大数据技术之 Kafka (第 3 章 Kafka 架构深入 ) Kafka 消费者
- centos: firewalld 一
- PHPExcel+phalcon+yii批量导入
- Fortran 学习1--数据类型
- 常见危险函数及特殊函数(一)
- MongoDBTool - 测试版【GUI美化完毕】 源代码发布 --MongoDB爱好者,Winform爱好者 请进...
- mybatis使用和分析
- 防止用户直接访问url
- 2011-2017年中国各地政府BIM相关标准政策汇总
- WINDOWS2008 SERVER服务器上网实战
- 【云原生之k8s】k8s基础详解
- php imap 安装_php7安装imap扩展
- Python-苹果手机编程
- c++代码批量修改图片名称(重命名)实例及运行结果
- 打开*.acb格式音频文件
- 什么是指纹浏览器(浏览器指纹7个重要参数)
- python 单词拆音节_使用Python查找音节