武汉的开发者们注意啦!AI技术战略、框架以及最佳实战尽在Azure OpenAI Day 了解详情
写点什么

前端开发的 10 个 Sublime Text 包

  • 2020-05-08
  • 本文字数:1511 字

    阅读完需:约 5 分钟

前端开发的10个Sublime Text包

Sublime Text 是最强大的代码编辑器之一,它拥有一些非常棒的功能,而且还可以安装插件或 软件包来变得更加强大。这些插件为 Sublime Text 添加了额外的功能。如今网上有许多相关插件,可以满足你几乎所有的编码需求。不过想要找到一个好用的扩展可能才是真正的挑战。一些扩展已被其开发人员完全放弃,还有一些扩展可能不再兼容最新版本的 Sublime Text 3。


如果你是前端开发人员,我们在这篇文章中为你精选了一些扩展并打包送上。下面就是前端开发人员应该尝试的 10 个 Sublime Text 包

1. AlignTab

AlignTab是用来对齐代码的插件。它有一个“预览模式”,使你可以在实际应用对齐之前预览对齐的效果(使用 RegEx 注解)。它还有一个“表格模式”,可让你 为 Markdown 格式的表格设置适当的对齐,用|符号为表格调整好结构。AlignTab 是一个方便的扩展,可以帮助你整理代码对齐,并使代码更容易阅读。


2. ColorHighlight

ColorHighlight 是一个插件,可 显示选定的颜色代码及其视觉颜色。如果你选择了“#fff”,它将显示白色。ColorHighlighter 支持所有 CSS 颜色格式,如 Hex、RGB、HSL 和 HSV 等,并包括“red”“green”等颜色关键字。它还向你显示包含颜色值的 LESS、Sass 和 Stylus 变量。这个插件可以帮助你更直观地处理颜色。


3. MultiEditUtils

MultiEditUtils 插件改进了 Sublime Text 内置的“多光标”和“多选”功能,从而节约了编辑冗长代码行所需的时间。比如说你可以在选定的行之间合并或交换,它还允许你指定用于拆分选定行的符号,这是对 Sublime Text 的“拆分选择”做出的改进。我认为这是高手必备的插件。


4. Git Gutter

如果你正在使用 Git,建议你安装 Git Gutter 这个 Sublime Text 插件。针对 你在代码中所做的任何编辑、添加或删除,GitGutter 都会在 gutter area 中 显示一个标志。这样你就可以立即对比你的代码版本与你的提交、分支或 HEAD 存储库上的版本。


5. Modific

当你在工作中使用 Git 或 SVN 时,Modific 这个插件会很有用。就像 Git Gutter 一样,Modific 会标记你在代码中的更改。除了高亮显示更改之外,你还可以按 Ctrl+Alt+D 来查看或对比当前代码与最后一次提交之间的差异。Modific 可以执行的其他操作包括 预览当前行的已提交代码 以及 还原代码修改


6. Inc Dec ValueInc

Dec Value 允许你同时增大或减小多个数字,即使它们位于不同的行上也可以操作。除了数字,你还可以更改日期和十六进制颜色的值。使用这个插件时,请将光标指向数字右侧,然后按 Alt+↑增大数字或按 Alt+↓减小数字。你也可以使用鼠标滚轮来操作。


7. FileBrowser

FileBrowser 提供了一种在项目目录中浏览文件和文件夹 的新方法。安装这个插件后,你可以在新的侧边栏中访问项目目录,并可以完全使用按键在其中导航,双手无需离开键盘。等你习惯了这个插件后,它就可以逐渐改善你的工作流程。


8. IconFont

IconFont 为许多流行的图标字体提供了代码段,例如 FontAwesome、PaymentFont,Typicons 和 GithubOcticons 等。它的工作方式与常规的 HTML 代码段相似,每个图标的 缩写将扩展为完整的类和 HTML 代码


9. DistractionFreeWindow

虽然 Sublime Text 内置的“无干扰(Free Distraction)”功能使你可以专注地编写代码或内容,但是在这个模式下,小地图、侧边栏和其他所有选项卡都会被隐藏起来。无干扰的体验并不意味着就得失去对这些功能的访问入口。这里就用得上 DistractionFreeWindow 这个插件了,它为你的无干扰模式提供了更多灵活选项。


10. FilterLines

FilterLines 允许你在文档的各行中搜索给定的“关键字字符串”或“RegEx 注解”。这在 处理 JSON、JavaScript 数组和 CVS 格式的大量原始数据时是很方便的功能


英文原文

Sublime text packages


2020-05-08 17:053770
用户头像
小智 让所有人认同的文字称不上表达

发布了 408 篇内容, 共 376.0 次阅读, 收获喜欢 1972 次。

关注

评论

发布
暂无评论
发现更多内容

Vue-组件自定义事件(绑定和解绑)

我搬去水星了

6 月 优质更文活动

Postman 和 GraphQL:最佳实践指南

Liam

Java Postman API graphql 接口工具

NFTScan 与 Realy 达成合作伙伴,双方在元宇宙 NFT 数据方面进行深度合作!

NFT Research

NFT Metaverse

Vue-消息订阅与发布(pub/sub)

我搬去水星了

6 月 优质更文活动

揭秘:云南白药如何激活组织活力!

用友BIP

人力资源 数智人力

Vue- mixin(混入)

我搬去水星了

6 月 优质更文活动

Vue- ref属性

我搬去水星了

6 月 优质更文活动

Vue自定义指令

我搬去水星了

6 月 优质更文活动

vue-表单元素进阶收集操作

我搬去水星了

6 月 优质更文活动

vue动画效果的使用

张三丰无极

6 月 优质更文活动

Excelize 荣获 2022 年中国开源创新大赛一等奖

xuri

开源 编程 开发者 创新 Excelize

DHR数智人力:智能学习加速人才培养与创新

用友BIP

人力资源 人才 数智人力

微服务高并发概念与核心类:调用链上下文与入口类

互联网架构师小马

构建财务共享体系,智能化引领转型升级

用友BIP

财务共享

浏览器存储(webStorage)

我搬去水星了

6 月 优质更文活动

Vue单文件组件

我搬去水星了

6 月 优质更文活动

【6.02-6.09】写作社区优秀技术博文一览

InfoQ写作社区官方

热门活动 优质创作周报

Vue-插件(plugin)

我搬去水星了

6 月 优质更文活动

Vue-props配置

我搬去水星了

6 月 优质更文活动

禅道软件14年原创研发荣膺SAFe平台合作伙伴,国际权威机构认可专业实力

禅道项目管理

敏捷开发 safe 禅道 禅道项目管理

创建Vue脚手架(Vue CLI)并分析项目结构

我搬去水星了

6 月 优质更文活动

隆重共建开放,共享未来 | 2023开放原子全球开源峰会OpenAtom OpenHarmony分论坛即将启幕

开放原子开源基金会

开源 OpenHarmony 开放原子全球开源峰会

电源管理IC下游市场向高端工业和汽车领域转型,这家芯片设计厂商值得关注

华秋电子

充分结合AI后的数智平台能做什么?

用友BIP

数智平台

Vue-全局事件总线(GlobalEventBus)

我搬去水星了

6 月 优质更文活动

Vue-scoped(局部)样式

我搬去水星了

6 月 优质更文活动

Vue中组件的几个重要点

我搬去水星了

6 月 优质更文活动

Vue组件-非单文本组件

我搬去水星了

6 月 优质更文活动

vue-基本操作-收集表单元素绑定的数据

我搬去水星了

6 月 优质更文活动

Vue-组件的嵌套

我搬去水星了

6 月 优质更文活动

Vue基本的内置指令

我搬去水星了

6 月 优质更文活动

前端开发的10个Sublime Text包_大前端_Agus_InfoQ精选文章