前端开发的10个SublimeText包前端教程

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

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

一个人学习会有迷茫&＃xff0c;动力不足。这里推荐一下我的前端学习交流qun&＃xff1a;731771211 &＃xff0c;里面都是学习前端的&＃xff0c;如果你想制作酷炫的网页&＃xff0c;想学习编程。整理了一份最新最全面前端学习资料&＃xff0c;从最基础的HTML&＃43;CSS&＃43;JS【炫酷特效&＃xff0c;游戏&＃xff0c;插件封装&＃xff0c;设计模式】到移动端HTML5的项目实战的学习资料都有整理&＃xff0c;送给每一位前端小伙伴&＃xff0c;有想学习web前端的&＃xff0c;或是转行&＃xff0c;或是大学生&＃xff0c;还有工作中想提升自己能力的&＃xff0c;正在学习的小伙伴欢迎加入学习。

点击&＃xff1a;加入

1. AlignTab

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

2. ColorHighlight

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

3. MultiEditUtils

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

4. Git Gutter

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

5. Modific

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

6. Inc Dec ValueInc

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

7. FileBrowser

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

8. IconFont

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

9. DistractionFreeWindow

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

10. FilterLines

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