导航到 JS 代码答案

【问题标题】：Navigate OO JS code导航到 JS 代码
【发布时间】：2011-03-25 23:39:12
【问题描述】：

我做了很多 JavaScript 编辑，现在随着 Node 成为一种流行的服务器端脚本语言，我可以看到自己使用比以往更多的 JS。我遇到的问题是找到一种方法来导航大量面向对象的 JavaScript 代码。

TextMate 有一种查看“符号”的方法，但它是一种扁平结构，我觉得它不是很有用。 Vim 有 TagList，但我似乎无法让它与 JS 一起很好地工作。 Sublime Text 可以很好地搜索函数，但同样，它是一个平面列表。

BBEdit 分层列出函数，这很棒，但列表通常很长，因为您无法折叠/折叠列表。

Aptana 和 NetBeans 有一个不错的大纲查看器，几乎是我能找到的最接近完美的：分层布局、搜索过滤器、折叠、排序选项等。我对两者的唯一问题是它们有点慢（至少要加载），而且它们只显示打开文件中的函数（而不是项目中的函数）。

我理想的解决方案是某种可以用热键打开的独立应用程序。然后，您可以在所有文件（在项目中）中查看所有函数的列表，使用搜索字符串过滤列表，然后当您找到该函数后，您可以在您最喜欢的编辑器中打开它。

换句话说，我想通过对象而不是文件结构来导航。这可能吗？

我主要使用 Mac，但我也有兴趣了解适用于 Windows 的解决方案。

提前感谢您的帮助。

【问题讨论】：

javascript 变量、函数等的用户长名称和描述性名称。这样它们就有更多机会是唯一的。在每个类上都有一个 load() 函数，这使得很难确定正在调用哪个负载。考虑 loadParty() loadPerson()

【解决方案1】：

您想要 Mozilla 的 jsctags，专门为此目的而构建。您可以将其与（例如）Tagbar 或 taglist-plus 一起使用。

【讨论】：

从截图来看，Tagbar 和 jsctags 看起来很完美。但是，由于某种原因，我无法让 jsctags 与 Tagbar 一起使用。谢谢你的信息。我得看看能不能让它正常工作。

【解决方案2】：

您可以查看 WebStorm (http://www.jetbrains.com/webstorm/) - 我几个月前已经切换到它，它绝对是目前最好的 JS IDE。它的大纲也很漂亮，对 JS 的理解很好，而且速度很快。

【讨论】：

它有点快，但是来自 VIM 和 TextMate，它太慢了。不过谢谢，我会更多地使用 WebStorm。看起来很有趣。
是的，我知道你的意思。我也在尽可能地使用 VIM，但我认为在更大的项目中，用一些速度换取其他功能是合理的。顺便说一句，还有一个用于 WebStorm 的“IdeaVIM”插件：plugins.intellij.net/plugin/?webide&id=164

【解决方案3】：

抱歉插件，但我是Tagbar 的作者，我认为我刚刚添加了对 jsctags（以及可能的其他兼容程序）的支持会有所帮助。如果 jsctags 在您的 $PATH 中，它应该可以开箱即用，否则文档应该为您提供所有需要的信息。如果您发现任何问题，请告诉我！

【讨论】：

【解决方案4】：

在 Eclipse 中，使用“JavaScript 编辑器”打开一个 JS 文件会为您提供一个相当不错的轮廓，可以使用键盘进行导航：箭头与通常的箭头一样，您可以点击 a 转到下一个成员以a 开头。

在我自己的（旧）G5 上整个过程相当缓慢，但在我工作的 MacPro 上还可以。

【讨论】：