sublime 开发前端_10个面向前端开发人员的Sublime文本包

Sublime Text是功能最强大的代码编辑器之一,具有一些令人赞叹的功能,并且通过安装PluginsPackages甚至可以更强大。 这些插件为Sublime Text添加了额外的功能。 如今,有许多插件可以满足您几乎所有的编码需求。

寻找好的扩展可能是真正的挑战 ; 一些扩展已被其开发人员完全放弃,而其他扩展可能不再与最新版本的Sublime Text 3兼容(在撰写本文时)。

如果您是前端开发人员,在本文中我们将精选一些扩展并将它们组合在一起。 这些是前端开发人员应该尝试的10个Sublime Text Packages

更多相关职位:
1. AlignTab

AlignTab是用于对齐代码的插件。 它具有“预览模式”,使您可以查看在实际应用对齐方式之前如何应用对齐方式(使用RegEx表示法 )。 它还具有“表模式”将允许您设置正确对齐在Markdown格式表 ,与管道结构: | 。 AlignTab是一个方便的扩展程序,用于整理代码对齐并使其更易于阅读。

对齐标签
2. ColorHighlight

ColorHighlight是一个插件,可以显示选定的颜色代码及其视觉颜色 。 如果选择“ #fff”,它将显示白色。 ColorHighlighter支持所有CSS颜色格式,例如Hex,RGB,HSL,HSV,并包括“红色”,“绿色”等颜色关键字。它还向您显示包含颜色值的LESS,Sass和Stylus变量。 它是一个插件,可以帮助您在使用颜色时更加直观。

SublimeText中的ColorHighlight设置
3. MultiEditUtils

MultiEditUtils插件改进了SublimeText内置的“多光标”和“多选”功能,从而节省了编辑冗长代码行的时间 。 例如:您可以在选定的行之间合并或交换,它还允许您指定用于拆分选定行的表示法,从而改进了SublimeText的“拆分选择”。 我认为这是必须安装的用于Pro-coder的插件。

MultiEditUtils
4. Git天沟

如果您正在使用Git,建议安装Git Gutter Sublime Text插件。 GitGutter 在装订线区域中显示一个标志 ,其中包括您在代码中所做的任何编辑,添加或删除 。 这是一个有用的代码,可以立即查看代码版本与提交,分支或HEAD存储库之间的比较。

吉特天沟
5.修改

当您在工作中使用Git或SVN时, 修改会很有用。 就像GitGutter一样,Modific会标记您代码中的更改。 除了突出显示更改之外,您还可以通过按Ctrl + Alt + D来查看或比较当前代码和最后一次提交之间的差异。 使用Modific可以执行的其他操作包括预览当前行的已提交代码以及还原代码修改

修改的
6. Inc Dec值

Inc Dec Dec Value(Inc减值)使您可以同时增加或减少数字,即使它们位于不同的行上 。 除了数字,您还可以更改日期和十六进制颜色的值。 通常,要使用此插件,请将光标指向数字的右侧,然后按Alt + 增加数字,或按Alt + 减少数字。 您也可以使用鼠标滚轮。

公司12月值
7. FileBrowser

FileBrowser提供了一种在项目目录中浏览文件和文件夹的新方法。 安装此插件时,您可以在新的侧边栏中访问项目目录,并可以在其中导航,而无需像手写编码器那样将手移开键盘。 当您习惯了该插件时,它可以逐渐改善您的工作流程。

文件浏览器
8. IconFont

IconFont为许多流行的图标字体提供摘录,例如FontAwesomePaymentFontTypiconsGithub Octicons 。 它的工作方式与常规HTML代码段相似,在常规HTML代码段中, 缩写将扩展为每个图标的完整类和HTML代码。

图标字体
9. DistractionFreeWindow

尽管Sublime Text的内置“自由分散注意力”功能使您可以专注于所键入的代码或内容,但是在此模式下, 小地图,侧边栏和所有其他选项卡都将被隐藏 。 无干扰的体验并不意味着失去对这些功能的访问。 这是DistractionFreeWindow出现的地方,它为您提供了有关Distraction Free Mode行为方式的更多灵活性。

图标字体
10.过滤线

FilterLines允许您在文档中的各行中搜索给定的“关键字字符串”或“ RegEx表示法”。 这是一个方便的功能,可以处理 JSON,JavaScript Array和CVS形式的大量原始数据

过滤线

翻译自: https://www.hongkiat.com/blog/sublime-text-packages/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值