当前位置: 首页 > 科技观察

10个用于前端开发的SublimeText包

时间:2023-03-22 14:53:37 科技观察

SublimeText是最强大的代码编辑器之一,它有一些很棒的功能,您可以安装插件或包以使其更加强大。这些插件为SublimeText添加了额外的功能。现在网上有很多相关的插件,几乎可以满足你所有的编码需求。不过,找到有用的扩展可能是真正的挑战。有些扩展已经被他们的开发者完全抛弃,有些扩展可能不再兼容最新版本的SublimeText3。如果你是前端开发者,我们在本文中为你挑选了一些扩展并打包了.这里有10个前端开发人员应该尝试的SublimeText包。1.AlignTabAlignTab是一个对齐代码的插件。它有一个“预览模式”,允许您在实际应用之前预览对齐效果(使用RegEx注释)。它还具有“表格模式”,可让您为Markdown格式的表格设置适当的对齐方式,并使用|结构表的符号。AlignTab是一个方便的扩展,可帮助您组织代码对齐并使其更易于阅读。https://github.com/randy3k/AlignTab](https://github.com/randy3k/AlignTab2。ColorHighlightColorHighlight是一个显示所选颜色代码及其视觉颜色的插件。如果您选择“#fff”,它将显示白色。ColorHighlighter支持所有CSS颜色格式,如Hex、RGB、HSL和HSV等,包括颜色关键字,如“红色”、“绿色”。它还向您显示带有颜色值变量的LESS、Sass和Stylus。此插件可以帮助你更直观的处理颜色https://github.com/Kronuz/ColorHighlight3.MultiEditUtilsMultiEditUtils插件改进了SublimeText内置的“多光标”和“多选”功能,从而节省了编辑行所需的冗长代码时间.例如,您可以在选定的行之间进行合并或交换,它还允许您指定用于拆分选定行的符号,这是对SublimeText的“拆分选择”的改进。我认为这是高手必备的插件。https://github.com/philippotto/Sublime-MultiEditUtils4。GitGutter如果你使用的是Git,建议你安装SublimeText的GitGutter插件。GitGutter在装订线区域显示一个标志,用于您在代码中进行的任何编辑、添加或删除。通过这种方式,您可以立即将您的代码版本与您的提交、分支或HEAD存储库中的版本进行比较。https://github.com/jisaacks/GitGutter/5。Modific当你在工作中使用Git或SVN时,Modific插件将会派上用场。就像GitGutter一样,Modific标记您在代码中的更改。除了突出显示更改之外,您还可以按Ctrl+Alt+D来查看或比较当前代码与上次提交之间的差异。Modific可以执行的其他操作包括预览当前提交的代码行和恢复代码修改。https://github.com/gornostal/Modific6。IncDecValueIncDecValue允许您同时增加或减少多个数字,即使它们在不同的行上。除了数字,您还可以更改日期和十六进制颜色的值。使用本插件时,将光标指向数字右侧,按Alt+↑增加数字或Alt+↓减少数字。您也可以使用鼠标滚轮进行操作。https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value7。FileBrowserFileBrowser提供了一种新的方式来浏览项目目录中的文件和文件夹。安装此插件后,您可以在新的侧边栏中访问项目目录,并且可以完全使用按键进行导航,而无需将手从键盘上移开。一旦您习惯了该插件,它就可以逐渐改善您的工作流程。https://github.com/aziz/SublimeFileBrowser8。IconFontIconFont为许多流行的图标字体提供了代码片段,例如FontAwesome、PaymentFont、Typicons和GithubOcticons等。它的工作方式类似于常规的HTML代码片段,每个图标的缩写都扩展为完整的类和HTML代码。https://github.com/idleberg/Icon-Fonts-Sublime-Text9。DistractionFreeWindow虽然SublimeText内置的“FreeDistraction”功能可以让你专注于编写代码或内容,但在这种模式下,小地图、侧边栏和所有其他选项卡都会被隐藏。无干扰体验并不意味着无法使用这些功能。这是插件DistractionFreeWindow,它为您的无干扰模式提供了更灵活的选项:https://github.com/aziz/DistractionFreeWindow10。FilterLinesFilterLines允许您在文档“WordString”或“RegExComment”的每一行中搜索给定的“key”。在处理大量JSON、JavaScript数组和CVS格式的原始数据时,这是一个非常方便的功能。https//github.com/davidpeckham/sublime-filterlines