JavaScript开发人员必需的10个崇高文本插件

对于工具箱中的几乎所有开发人员来说，崇高文本都是必不可少的应用程序。Sublime Text是一款跨平台、高度可定制、高级的文本编辑器，不仅适用于功能齐全的IDE(众所周知资源匮乏)，还可以与Vim、Emacs等命令行编辑器相匹配(学习曲线陡峭)。

崇高文本如此受欢迎的原因之一是它的可扩展插件架构。这使得开发人员很容易使用新的功能，如代码完成或远程API文档嵌入，来扩展Sublime的核心功能。崇高文本插件不是现成的。——通常需要通过名为Package Control的第三方软件包管理器进行安装。要在崇高文本中安装软件包控制，请遵循其网站上的安装指南。

在本文中，我将为JavaScript开发人员介绍10个必要的崇高插件，每个插件都可以帮助您改进工作流，让您更高效。现在，我们开始吧！

1.巴比伦式的城市

首先是巴别塔插件。该插件为ES6/2015和React JSX代码添加了适当的语法高亮显示。安装插件后，您应该做的第一件事是将默认语法设置为. es6，jsx，甚至。js文件。但是，如果您在ES3 /5中工作，并且不想使用Babel来更改您的代码，请谨慎使用最后一个。

如果你还没有发现巴别塔的乐趣，我强烈推荐。它允许你编译ES6/2015和JSX代码到ES5。它可以很好地集成到所有流行的构建工具和命令行界面中。虽然它不支持较旧的浏览器，但如果您需要支持IE10及以下版本，可以按照警告页面上的提示进行操作。

不幸的是，巴贝尔插件不允许在崇高中快速编译ES6代码。所以如果你必须这样做，我建议你试试编译精选ES6。

2.JSHint

接下来是崇高中的JSHint插件。JSHint是一个JavaScript交错器，可以用来检查你的代码，确保它有正确的风格和语法，从而摆脱常见的错误。不管你是初学者还是写了很多年的程序，JSHint都是必须的。有关更多信息，请参见JSHint相关页面。

要使JSHint崇高文本插件工作，您需要通过npm安装全局JSHint:

Nmin install-g js提示如果您不知道如何做到这一点，请查看我们关于从节点包管理器开始的教程。

一旦安装了JSHint npm模块和JSHint崇高文本插件，您就可以通过打开您的JavaScript文件并按Ctrl J(或Linux/Windows上的Alt J)来调用JSHint。或者，您可以通过上下文菜单访问JSHint。

如果您已经安装了这个插件，但是希望在出现错误的地方有更清晰的警告，请使用JSHint Gutter。或者，如果您想在安装NPM包或插件之前尝试JSHint，JSHint.com还有一个很棒的在线交互工具，您可以使用它来粘贴代码以查看即时反馈。

3.JsFormat

JsFormat基于JS美化器，可以自动帮你格式化JavaScript和JSON。如果只单独使用它的JSON格式，也是可以的。但对我来说，它最大的优势来自于我在其他开发人员的代码上工作时，或者很久以前我自己编写代码时。

这样的代码通常很难阅读，但是遵循通用的代码格式风格是有帮助的。虽然格式化可能不适合所有人，但它可以通过引入一个通用结构来帮助开发人员理解代码。Linter关注这一点，但并不总是完整的，也不会自动修复格式。代码格式化节省了大量时间，避免了许多麻烦。

要在安装后使用JSFormat，首先输入JS文件，然后在Windows/Linux上按Ctrl Alt f或在Mac上按ctrl f。当然，也可以使用上下文菜单。

你可能会想，“如果我不喜欢他们设计JavaScript风格的方式呢？”

别担心！JsFormat不仅基于JS美化器的设置，而且具有很高的可配置性。要为崇高文本3进行调整，请执行以下操作：首选项-包设置-js格式-设置-默认。

然后根据自己的喜好编辑JSON设置。

4.文档块

在代码中添加注释有时是一件非常非常痛苦的事情。虽然很多人不喜欢做，但绝对有必要。DocBlockr可以通过简单的评论来缓解一些痛苦。安装DocBlockr后，只需要用/*或/* *)开始一行代码，然后就可以把剩下的交给它了。如果你用/* * *启动一个函数，它会根据JSDoc格式为你生成注释。虽然你以前从来没有用过一些东西，但是一旦你用过，你就会想你以前是怎么活下来的。DocBlockr就是一个例子。

DocBlockr支持很多其他语言，包括：CoffeeScript、TypeScript、PHP、ActionScript、Haxe、Java、Apex、Groovy、Objective C、C、C和Rust。

5.侧边栏增强

崇高文本在侧边栏文件树中处理文件的选项非常少。简单地说，侧边栏增强可以解决这个问题。这个插件提供了一个“移动到垃圾桶”选项，一个“打开方式为……”选项以及文件和文件夹的剪贴板。它还允许您在web浏览器中打开文件，将文件内容复制为data:uri base64(这对于在CSS中嵌入图像特别方便)，并提供大量搜索操作。此外，它可以很好地与SideBarGit集成，并直接从侧边栏提供Git命令。

随着JavaScript代码库的不断扩展，寻找一种合理的浏览项目和处理项目文件的手段迫在眉睫。因此，这个插件就成了必需品。

6.AngularJS

由Angular-UI团队开发，它可能是这些升华文本插件中较大(但更有用)的软件包之一。其主要功能包括：

核心AngularJS指令(ng-model、ng-repeat等)的代码完成。)快速面板搜索Angular相关代码片段的指令、控制器和过滤器GoToDocs Angular的核心AngularJS指令是一个很大的库，Angular JS的用处出乎意料。您可以在项目的主页上阅读它的许多设置。

为了利用这个插件语法突出显示，您需要在视图-语法-HTML (Angular.js)中更改您的HTML文件的视图类型。

7.以打字打的文件

TypeScript是从JavaScript编译成普通JavaScript的类型的超集。对于普通开发人员来说，不知道可能也没关系，但是今年3月发布的小公告——Angular2将基于TypeScript构建，这意味着如果你在Angular工作，并且计划将来使用Angular2，那么这个插件是必要的。

基于微软的支持，这个插件为TypeScript项目增加了代码补全、正确语法高亮、代码格式化和扩展导航功能。它还附带了一个构建系统，允许您将TypeScript文件编译成JavaScript。

要访问构建系统，可以通过工具-构建系统，然后选择类型脚本来实现。然后在末尾打开一个文件。ts，选择工具-构建，或简单地按下Ctrl B.您将被要求构建参数，然后插件将在同一个目录中输出编译后的JavaScript文件。唯一需要注意的是，它需要Node。

从插件的角度来看，它提供了“在处理TypeScript代码时，崇高文本体验的增强版本”。的确，从上面臃肿的IDE来看，它做出了令人耳目一新的改变。

8.把手

如果你用的是Ember.js，或者只是用Handlebars作为模板语言选择，那么你离不开它。没有它，你还不如关掉所有语法亮点。

除了语法突出显示(在单个模板文件和脚本标记的内联模板中都可用)之外，它还提供了用于触发各种表达式的选项卡。例如，键入x-temp并按TAB键将产生：

脚本类型=' text/x-handlers ' data-template-name=' '/script另外，键入ifel并按TAB，您将获得：

{{#if }}{{else}}{{/if}}很方便吧？

这个项目的主页上还有一系列完整的代码片段。

9.更好的咖啡脚本

更好的咖啡脚本是原咖啡脚本-崇高-插件——的一个分支。不幸的是，咖啡脚本-升华-插件似乎已经被它的创始人抛弃了，只能在升华文本2中工作。

这个插件不仅为在CoffeeScript工作的人提供了急需的语法高亮功能，还有很多其他功能。它向崇高添加了一堆命令(可以通过命令面板或各种快捷键访问)，例如运行语法检查、编译文件和显示编译后的JavaScript。它还配备了剪辑和蛋糕制作系统(制作咖啡脚本的简化版本)。

你可以在这个项目的主页上仔细阅读插件的许多设置和选项。

10.jQuery

我知道jQuery似乎在很多地方都失宠了，但是如果你不打算构建一个完全交互式的网站，或者你只是想给现有的应用程序增加功能，那么jQuery还是非常有用的。

这个插件提供了额外的语法突出显示和几乎所有jQuery方法的片段。您可以通过输入方法名称并选择适当的匹配来访问这些片段——。就这么简单！我特别喜欢这个特性，因为它节省了我大量的时间去记忆方法特性和查询jQuery API文档。

例如，键入$。a会给我一个选择$的选项。ajax()，可以扩展到：

$.ajax({ url: '/path/to/file '，type: '默认GET (Other values: POST)'，datatype : ' default : Intelligent Guess(Other values : XML、json、脚本或html)'，data: {param1: 'value1'}，})。done(function(){ console . log(' success '))；}).fail(function(){ console . log(' error '))；}).始终(function(){ console . log(' complete '))；});太棒了！

结论

这是JavaScript开发中10个必要的崇高插件的结尾。我只用过一两个，欢迎大家谈谈使用后的体验。当然，如果你错过了你喜欢的插件，请在评论中告诉我，我会考虑把它添加到列表中。

最后，请记住，崇高文本不是自由软件。但是它有无限的试用版(虽然会有各种烦人的图片)，单个用户的许可费是70美元。如果你一天中大部分时间都在使用文本编辑器，这将是一项值得的投资！