什么编辑器可以显示Javascript的功能和类结构视图？ [关闭]

Question

您知道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');  
}

Answer 1

我相信几乎每个现代IDE都具有源结构视图之类的功能。

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

• WebStorm （ 内置功能 ）
• 记事本++ （ 内置功能 ）
• Atom （使用插件或通过快捷方式导航）
• Sublime Text （使用插件或通过快捷方式导航）
• Visual Studio代码 （通过快捷方式导航）

Answer 2

这可能是个人观点，但对我来说是：

在免费的IDE上

视觉工作室代码

是最好的 。 如果您准备付款，那么

网络风暴

是赢家。

Answer 3

最好的一种是我使用的是chrome中的开发人员工具（您可以在运行时中编辑并查看更改）。

如果要在源代码上进行编辑，也可以使用Netbeans编辑器

Answer 4

我认为目前最好的免费JavaScript编辑器是

• Visual Studio程式码
• 原子
• 升华

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