(点击上方公众号，可快速关注) Sublime Text 是每个开发者工具箱中都应该有的一个强大的应用。它是一个跨平台的、高定制化的、高级的文本编辑器，在功能强大的 集成开发环境（众所周知地消耗资源）和类似于 Vim 或 Emacs 的命令行编辑器（学习成本非常高）之间取得了很好的平衡。 使得 Sublime 如此强大的原因之一就是其可扩展的插件架构。开发者可以很容易地扩展 Sublime 的核心功能，添加一些新特性，比如补全代码、嵌入远程接口文档。Sublime Text 不带有可以启用的插件 它们通常通过第三方包管理器安装，简称为 包管理器。安装 Sublime Text 的包管理器，请按照 官网的安装教程 进行安装。 本文针对 JavaScript 开发者，简要介绍了十个 Sublime 插件，每一个都能够帮助你改善工作流，并且提高工作效率。那么，就让我们一起来看看吧！ 1. Babel 我首先要介绍的就是 Babel 插件。这个插件可以在你的 ES6/2015 和 React JSX 代码上添加语法高亮。安装插件之后，第一件要做的事就是把它设置为 .es6、 .jsx、 以及 .js 文件的默认语法。然而，如果你正在使用 ES3/5 工作，那你要注意最后一种文件，不要使用 Babel 编译你的代码。 如果你还没有享受过 Babel 的乐趣，我强烈建议你去尝试它。它允许你将 ES6/2015 和 JSX 代码编译成 ES5。并且它很好的整合了目前流行的构建工具和命令行工具。当然，它不支持传统浏览器，但是如果你想支持 IE10 或者更低版本可以在他们的 附加文档页面 查看相关说明。 不幸的是， Babel 插件不允许在 Sublime 内编译 ES6 代码。对于那些想实现此功能的人，我建议你查看 Compile Selected ES6。 2. JSHint 下一个就是 Sublime 的 JSHint 插件。JSHint 是一个 JavaScript 检测器，它会查看你的代码，并验证其是否具有正确的样式和语法，避免犯相关的常见错误。无论你是个新手还是老手，JSHint 都是必不可少的。查看 JSHint 的「关于页面」，可了解更多信息。 为了 JSHint 插件能够在 SublimeText 中正常工作，你需要通过 npm 全局安装 JSHint：
如果你不确定应该如何做这一步，请浏览《getting started with the Node Package manager》这里的教程。 一旦 npm 的 JSHint 模块和 SublimeText 的 JSHint 的插件安装好了，你就能够简便地使用 JSHint 了，只要打开 JavaScript 文件，然后按下 Ctrl J （在 Linux/Windows 上是Alt J ）。或者，你可以通过菜单打开 JSHint 功能。 如果你已经安装了插件，但是想要在有错误的地方有更明显的提示，请浏览 JSHint Gutter。或者，你想在安装 NPM 包和插件之前试一试 JSHint，JSHint.com 有一个很棒的在线交互工具，你可以把代码粘贴到里面得到实时的反馈。 3. JsFormat JsFormat 基于 JS Beautifier，可以帮助你自动格式化 JavaScript 和 JSON。如果你只想用它格式化 JSON 字符串，那它值得你拥有。但是对于我来说，最大的优势是，当我需要读其他开发人员的代码，甚至于是我很久以前写的代码。 这种代码通常可读性差，统一的格式化代码样式会非常有帮助。尽管格式化工具并不适合每个人，但它们在代码中使用统一的结构，这对开发者阅读代码是非常有用的。检查器会注意到这些，但是他们不需要做好每件事，不会自动格式化代码。代码格式化工具可以节约很多时间，解决很多令人头痛的问题。 安装好就要使用 JSFormat ，打开你的 JS 文件，然后在 Windows/Linux 上按下 Ctrl Alt f 或者在 Mac 上按下 Ctrl f。或者，你也可以使用菜单栏。 你可能会想：“但是如果我不喜欢它格式化 JavaScript 的样式怎么办？” 好消息！JsFormat 是基于 JS Beautifier settings 高度配置化的。在 SublimeText 3 中 Preferences - |
|
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|
注册
登录
