什么编辑器可以显示Javascript的函数和类结构视图？

您知道Javascript文件中有很多函数，它太复杂了，无法在js文件长大后使用

什么编辑器可以显示Javascript的函数和类结构视图

就像Android Studio IDE一样，它可以显示java文件的函数和类

Js文件

function ClassURLPar() {
    this.filename;
    this.diskindex=0;
    this.diskcount=1;
    this.imagefilter = 0;
    this.sortby = 0;
    this.path = "/";
    this.view = 0;
    this.searchtext;
    this.sizemore = 0;
}

var mURL = new ClassURLPar();


function SetMainUIByURLPar() {    
    InimURL();
    SetTabs();
    SetFixedNav();    
    SetControlUI();
    SetControlJump();
    SetModalForm();   
}



function InimURL() { 
    mURL.filename = window.location.pathname.substring(1);
    mURL.diskindex = GetUrlParam('diskindex');  
}

---

这可能是个人意见，但对我来说是：

关于免费IDE

这是最好的。如果你愿意付钱的话

---

是赢家。

我相信几乎每一个现代IDE都具有源代码结构视图这样的功能

以下是具有该功能的流行JavaScript IDE列表：

• 网络风暴（）
• 记事本++（）
• Atom（使用或导航）
• 升华文本（使用或导航）
• Visual Studio代码（导航方式）

---

最好的方法是在chrome中使用开发者工具（您可以在运行时编辑并查看更改）

---

如果您想在源代码处编辑，还可以使用Netbeans编辑器，我认为目前使用javascript编写代码的最佳免费编辑器是

• Visual Studio代码
• 原子
• 崇高的

---

所有这些都非常易于使用，完全满足您的需求。首先尝试使用Visual Studio代码。您还可以使用ChromeDeveloper工具，因为它在调试时显示对象结构，并且您可以使用实时更改测试代码

您可以通过单击

Structure

ubprojectexplorerhanks在webstorm中查看它！我已经安装了VisualStudio代码，但它似乎无法显示JavaScription的函数和类结构视图，您可以看到，谢谢！这是否意味着VisualStudio代码只支持？我可以下载一个支持源代码结构视图的插件吗？而且，Visual Studio代码中的快捷方式不能保持显示，所以我认为源代码结构视图更好solution@HelloCW，我使用WebStorm，我喜欢它。我不太喜欢微软的产品，尤其是不同的VisualStudio。如果你不想付费，我建议你使用Atom插件或升华文本。还有一些人很高兴使用记事本++谢谢！我测试WebStorm，没关系，唯一不好的是钱。记事本++很难配置为显示javascript的函数列表！