每个开发人员都有自己的工具和特殊设置——我知道我有。正是这种工具可以帮助您成为更快、更强、更高效的开发人员。
我发现新工具的方法之一是与其他开发人员配对。我正在解决一个问题，看到我搭档的人在两秒钟内做了一些神奇的事情。
此时，我将中断配对会话，以查明该工具是什么、从哪里获得它以及如何使用它。这绝不是寻找新工具的最有效方法，但我经常会找到最好的工具。
带着这些想法，我花了一些时间在Shopify网站上调查前端开发人员，得到了一份他们不可或缺的Sublime Text插件列表。
为了让事情变得简单一点，我把插件分成以下几类:
如果您想确保构建的东西是安全的，请务必查看我们的文章网站安全．
安装
1.计划控制
计划控制是第一个可能也是最基本的Sublime Text插件。它可以方便地安装，下载和更新软件包或插件到Sublime Text。术语包和插件通常可以互换使用。
要安装包控制，请遵循在包控件上找到的说明的网站。从那里，你可以简单地输入ctrl + shift + p在Windows上，或cmd + shift + p用Mac打开命令面板．
打开命令面板之后，您就可以输入了安装包，从Package Control网站安装插件。你也可以输入添加库，它允许你添加不在Package Control网站上托管的插件，只需要使用它们的资源库url(确保不要在末尾包含.git)。最后,删除包，它可以让你从系统中删除插件，以及Sublime packages目录中的任何资产。
找到你的新欢减价编辑器在我们的综述中。
代码片段和代码样式
代码片段是Sublime Text的一个很好的内置功能。除了使用预先安装的插件，你还可以创建自己的插件，或者使用有一堆你喜欢的插件埃米特．代码段的工作方式很简单—您只需开始输入激活代码段的关键字，然后按tab键展开文本。
2.埃米特
埃米特是一个插件，使用代码片段可以更快地创建HTML和CSS。它使用缩写扩展为有效的HTML标记。
例如，要构建一个导航，你只需要输入以下代码:
它将扩展到:
3.对齐
对齐插件帮助轻松对齐多个选择，或多行选择。这意味着您可以通过分隔符(如＝．只需输入CTRL + Alt + a在Windows上，或CMD + CTRL + a在Mac上，以对齐您的选择。与…一致：遵循本教程设置自定义分隔符。
Git集成
大多数开发人员使用某种类型的版本控制。如今，Git似乎是最受欢迎的。下面是Sublime Text的几个Git相关插件，它们使使用Git变得容易得多。
4.SublimeGit
SublimeGit将Git引入Sublime，因此您不需要在命令行和文本编辑器之间来回切换。你以前需要为这个插件付费(这就是它的厉害之处)，但去年它是开源的。它有一个很大的功能列表，你可以在SublimeGit文档．为了快速开始，OB欧宝娱乐APP安装插件并使用命令面板启动Git命令。
5.GitGutter
GitGutter带来一些本地的原子Sublime的功能，在侧边栏的沟槽中添加了不同的提示。您还可以将鼠标悬停在侧边栏中的指示符上，以看到一个差异弹出框。您可以对更改执行各种命令，例如复制diff状态的内容，将更改还原到Git中的状态，跳转到下一次或上一次更改，等等。
看看我们的21个最佳榜单吧原子包对于前端开发人员。
6.GitHubinator
GitHubinator是一个插件，显示远程GitHub或Bitbucket存储库中选定的文本。你只需高亮你想要搜索的文本，右击打开上下文菜单，并在默认浏览器中启动相应的Github或Bitbucket网页。如果你需要弄清楚谁以前处理过一个文件，或者检查Git责备，这个插件非常神奇。
7.GitOpenChangedFiles
GitOpenChangedFiles不避讳它的功能;它的名字说明了一切。只需安装并运行即可CMD + option + o或者CTRL + shift + o在Windows上，看这个插件打开你在Sublime Text中相应的文件，与所有你在你的分支中更改的文件。
你可能还会喜欢:Shopify主题开发的基本资源列表．
细句和语法高亮显示
在团队中工作时，一致性是必不可少的。衬码和语法高亮显示有助于提供一致性并设置最佳实践。
8.SublimeLinter
SublimeLinter是Sublime上最受欢迎的linter，因为它目前在包管理器．安装完成后，您还需要安装用于编写代码的各种语言的插件。
要做到这一点，只需打开Package Control来安装同名的插件。只需输入SublimeLinter——< lintername >例如，SublimeLinter-jshint．你必须安装linter插件与升华文本-版本的升华文本3没有预先安装。
9.ChangeQuotes
ChangeQuotes“转换单引号和双引号，并重新转义字符串中的引号，”根据他们的文档。安装完成后，无论何时您想要更改引号，请确保您的光标位于引号内的文本中。打开命令面板以运行ChangeQuotes-不需要选择文本来更改引号。
有大量用于语法高亮显示的插件。这是我们在Shopify中使用的两个主要插件，它们不在Sublime Text附带的现有语法突出显示的范围内。
10.萨斯
Sass插件为Sass和SCSS文件添加语法高亮显示以及选项卡/代码补全功能。
11.巴别塔
巴别塔使用React JSX扩展为ES6 JavaScript添加语法定义。
12.Siteleaf的液体语法
Siteleaf的液体语法为liquid以及一些方便的代码片段添加了液体语法高亮显示。
编辑器的改进
13.SideBarEnhancements
SideBarEnhancements为Sublime文本的文件和文件夹边栏提供了增强的操作。特别是，它设置了删除选项，如“移动到垃圾”，包括“打开与……”，给你移动文件的能力，等等。
14.Maybs辞职
Maybs辞职使一个快速面板确认退出Sublime文本。这两个cmd / ctrl + w而且cmd / ctrl + q键盘上彼此靠得太近，会导致出错。避免退出Sublime Text无意中，当你只是试图关闭一个文件，使用Maybs Quit!
15.AutoFileName
AutoFileName跟随它的名字:它自动完成文件名。当您键入时，它会触发一个下拉列表，其中包含相对于现有文件和后续路径的文件名。
你可能还会喜欢:如何添加CSS文本动画自定义主题。
16.在浏览器中查看
View In Browser通过一个简单的快捷方式，帮助您将项目启动到默认浏览器中，ctrl + alt + v．它还支持安装在你电脑上的各种其他浏览器的快捷方式，如Chrome、Firefox、Internet Explorer等。
17.GhostText
GhostText可能是我最近见过的最酷的插件之一。它允许你将Sublime文本编辑器(与所有插件)链接到浏览器中的文本区域。例如，您可以在CodePen上工作，但在主文本编辑器中完成所有编辑工作。你只需要安装插件和浏览器扩展。只需突出显示你想要链接的文本区域，并单击浏览器扩展:然后奇迹发生。✨✨
18.BracketHighlighter
BracketHighlighter正如它所说:突出显示代码中的括号。它匹配各种括号，例如［］，（），{}，”“，”，# !xml <标记> < / >标记，以及自定义括号(如果添加它们的话)。
19.排水沟的颜色
排水沟的颜色是一个伟大的插件，为所有包含颜色的行显示彩色图标。这个插件的优点是，与其他插件相比，颜色的高亮显示不太麻烦，因为它只出现在沟槽中(而不是高亮显示的单词后面)。它会取悦你内心的设计师。
20.选择器
选择器启用颜色选择器对话框，并允许用户插入或更改所选颜色。要打开颜色选择器，只需键入cmd + shift + c或者ctrl + shift + c在Windows或Linux上。默认情况下，插入的十六进制代码是大写的，但您可以通过转到首选项和包设置将其更改为使用小写字母。
21.文件图标
文件图标用于轻松地扫描项目中的文件。它只是在项目侧边栏中为支持的文件添加漂亮的、可定制的图标。它由材料和方块主题支持定制主题图标。
主题和乐趣
因为你很可能会花很多时间使用你的文本编辑器，所以最好让它在视觉上尽可能令人愉悦。重要的是要知道主题不同于配色方案。主题是编辑器本身的外观，如侧栏UI、选项卡、模式窗口等。配色方案是主编辑区域的背景和语法高亮颜色。
提高技能的资源
直接将技术产品CSV的免费副本发送到您的收件箱。
通过输入您的电子邮件-我们也会给您发送与Shopify相关的营销电子邮件。ob欧宝娱乐app下载地址你可以随时退订。
22.颜色崇高
颜色崇高是一个插件，可将配色方案安装到编辑器中。这些配色方案改变了语法高亮显示。这样做的好处是，你可以循环使用一系列方案，而不是安装每个方案，然后看看你是否喜欢它。
23.DA UI
DA UI是Sublime Text 3的一套漂亮、干净的界面和语法主题。DA UI插件也有自定义图标支持文件图标．
24.主题-太空灰
主题——Spacegray是Sublime Text 2和3的一组定制UI主题，非常简洁。Spacegray也自带Base16配色方案。
25.Emoji
因为…为什么不。的Emoji插件允许你通过命令面板插入表情符号。神奇的!
你可能还会喜欢:如何为客户制作最好的404页面。
插件为所有!
你可以安装大量的插件来定制你的开发体验。希望本文向您展示了一些您会喜欢的新功能。做对你和你的工作有意义的事，做能让你更有效率的事。编码快乐!
通过Shopify合作伙伴计划发展您的业务
无论您是提供市场营销、定制服务，还是ob欧宝娱乐app下载地址网页设计和开发服务，Shopify合作伙伴计划都将为您的成功奠定基础。免费加入并获得收入分享机会，工具来发展您的业务，和一个充满激情的商业社区。
报名
