前端开发者需要的10个Sublime插件

简介:

然而,找到一个好的插件却可能成为一项挑战,有的插件已经被他们的开发者所放弃,另外一些可能会不兼容Sublime Text的最新版本Sublime Text 3(撰写本文时)。

前端开发者需要的10个Sublime插件

如果你是一个前端开发人员,我们在这篇文章已经为你精心挑选了一些扩展,并汇总在一起供你使用。共有10款

前端开发人员应该尝试的Sublime Text包。

1. AlignTab

AlignTab是调整你的代码的插件。它有一个“预览模式”,你可以在它实际应用前,看到对齐是如何应用的(在给定正则表达式符号)。它也有“Table模式”,使你能够为通过管道符:| 设置的Markdown表格来设置合适的对齐方式。AlignTab是一个方便的扩展,它整理代码对齐,让它更容易阅读。

前端开发者需要的10个Sublime插件

2. ColorHighlighter

ColorHighlighter是一个显示选中颜色代码的视觉颜色的插件。如果您选择“# fff“,它将向您展示白色。ColorHighlighter支持所有CSS颜色格式,如Hex,RGB,HSL,HSV,同时包括颜色关键词,如“red”“green”,等等。它还为你显示包含颜色值的LESS,Sass,和Stylus变量。它是一个帮助您更直观处理颜色的插件。

前端开发者需要的10个Sublime插件

3. MultiEditUtils

MultiEditUtils插件增强了SublimeText内置的“multi-cursor”和“multi-selection”功能,在编辑冗长的代码行时为我们节省了时间。例如:您可以在选择的行之间合并或交换,它还增强了SublimeText的“split selection”,允许您指定符号来分离选定的行。我认为这是专业码农必须安装的一个插件。

4. Git Gutter

如果你正在使用Git, Git Gutter是一个推荐安装的Sublime Text插件。GitGutter将在gutter区域显示一个标记,标记任何你在代码中做的编辑,添加或删除。这是一个有用的功能,可以即时看到你的代码版本和你的Commit,branch或Head repository的比较。

前端开发者需要的10个Sublime插件

5. Modific

Modific 在你使用Git或SVN时很有用。就像GitGutter,Modific将对你的代码标记改变。除了高亮变化,您还可以通过按Ctrl + Alt + D来查看或比较当前的代码与最近提交的代码之间的区别。你还可以用Modific做其他事情,包括预览当前行的提交代码和恢复代码修改。

前端开发者需要的10个Sublime插件

6. Inc Dec Value

Inc Dec Value 允许你同时增加或减少数字,即使他们在不同的行。除了数字之外,您还可以更改日期的值,和十六进制颜色。使用这个插件,一般直接将光标放在数字的右边,然后按Alt +↑增加或Alt +↓减少。你也可以使用鼠标滚轮。

7. FileBrowser

FileBrowser 提供了一种在你的项目目录中浏览文件和文件夹的新方式。当你安装这个插件,你可以在新的侧边栏访问到您的项目目录,并在你的手不离开键盘的情况下进行导航(很像一个专业码农)。当你熟悉它后,这个插件可以逐步提高你的工作效率。

前端开发者需要的10个Sublime插件

8. IconFont

IconFont为许多流行的图标字体提供了snippet(代码片段),比如 FontAwesome,PaymentFontTypicons 和 Github Octicons。它的工作原理类似于常规的HTML代码段,每个图标的缩写将扩展成完整的class和HTML代码。

前端开发者需要的10个Sublime插件

9. DistractionFreeWindow

虽然Sublime的内置“Free Distraction”功能让你专注录入的代码或内容,当你在这种模式下,迷你地图,侧边栏,所有其他选项卡是隐藏的。Distraction-free并不意味着失去这些功能。DistractionFreeWindow 正是为了解决这类问题而出现的,对于“无打扰模式”应该如何工作,它为你提供了更灵活的选择。

前端开发者需要的10个Sublime插件

10. FilterLines

FilterLines 允许您使用给定的“关键字符串”或“正则表达式符号”在你的文档内搜索。这是一个处理大量JSON,JavaScript数组,CVS格式的原始数据的方便特性。

前端开发者需要的10个Sublime插件



来源:51CTO

相关文章
|
存储 前端开发 Java
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
本文介绍了使用Kaptcha插件在SpringBoot项目中实现验证码的生成和验证,包括后端生成验证码、前端展示以及通过session进行验证码校验的完整前后端代码和配置过程。
3143 1
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
|
前端开发 数据可视化 数据挖掘
前端开发者的福音:这些插件让你轻松应对各种复杂需求!
前端开发领域充满创意与挑战,面对复杂需求,开发者常感力不从心。本文通过三个真实案例,介绍如何利用Chart.js、ESLint和Ant Design等强大插件,解决数据可视化、代码质量和UI组件复用等问题,提高开发效率,创造更出色的前端作品。
242 3
|
前端开发 JavaScript
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
2693 8
|
运维 前端开发
前端使用antdesign导出插件跨域问题
前端使用antdesign导出插件跨域问题
259 5
|
前端开发 安全 测试技术
[译]一种基于模块联邦的插件前端
[译]一种基于模块联邦的插件前端
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
1344 0
|
Python
Sublime Text Python 代码提示插件 Anaconda
Sublime Text Python 代码提示插件 Anaconda
424 1
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐
|
Web App开发 前端开发 JavaScript
灵魂拷问-前端的作用--chrome插件篇
本文会从浏览器插件应用场景切入,穿插插件基础能力和常见入口的介绍,核心回答如下三个问题:插件可以被使用在哪些场景?不同的使用场景我们的主要代码实现思路是怎样的?我们可以从哪些角度入手自己开发一款可以落地实用的浏览器插件?

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    874
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    401
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    305
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    271
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    399
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    582
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    609
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    186
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    527
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    343