简单JavaScript IDE

我是JavaScript新手，我想用一个简单的基于windows的IDE来练习我的技能。在学习过程中，我不想使用任何CSS或HTML。我想如果可能的话，有颜色单步，突出显示和语法检查

例如，您可以键入函数，调用它并接收结果

function squareNumber(x) {
  return x*x;
}

squareNumber(5)

25

---

我想要比Internet Explorer控制台更好的东西。

目前有很多好的在线IDE。 我最喜欢的是，但是你说你不想使用CSS和HTML，所以在这种情况下这是多余的。您可以使用，只打开Javascript和控制台面板。另一个非常好的是，在我看来，它有很多语言（对于JS，您必须选择Javascript Spidermonkey）。我建议您使用的最后一个是JSBin的创建者，它基本上是一个增强的Javascript控制台（如名称所示）。

看看其中一个

• ：真正的JavaScript IDE（可能是最好的。）
• ：文本编辑器，语法突出显示，并可安装插件

你可以使用任何一种软件，连同，来得到你想要的

执行文件时

function squareNumber(x) {
    return x * x;
}

console.log(squareNumber(5));

使用node.js将输出

25

---

最终使用了这个IDE，因为我可以在低功耗笔记本电脑上运行它。免费版

微软也提供了一个免费的产品，名为“Visual Studio代码”，它在Mac和linux上运行。只使用了一天，但在我的低功耗平板电脑上效果很好

---

除了上述答案中列出的选项之外；当我需要在没有HTML/CSS的情况下编写/测试JS时，我会使用以下附加选项：

1）Firefox开发者版-草稿行

Firefox开发者版浏览器提供了一个很好的控制台，具有编写JavaScript所需的所有功能

举一个特定的特性——ScratchPad为您提供了一个编写JS代码的好选项，您可以使用run按钮在控制台上查看它

正如您在下面看到的，它具有语法着色，甚至可以直接从您的计算机保存和打开文件。

您可以使用快捷键-SHIFT+F4将Firefox ScratchPad作为独立窗口打开

它具有代码完成、内联文档和更多功能，您可以从以下官方文档中了解有关使用它的更多信息-

键盘快捷键

CTRL+L-显示所选代码

CTRL+空格-代码提示

CTRL+R-Run命令

CTRL+I-Inspect命令

2）Node CMD或CMD+Node

我也喜欢使用node+CMD，因为它们可以无缝地工作。对于此选项，您需要安装node.js并使用CMD编写和测试js代码

您也可以考虑使用与Windows CMD类似的No.jsCMD。

通过单击顶部栏并选择属性，可以更改节点CMD的背景色和文本色

对于使用Node时节点上的语法着色，您可以添加一个语法着色npm包，如下所示：

我通过以下四个步骤安装了cli color npm软件包：

1）检查是否使用

nmp-v安装了npm

2）使用
npm安装安装首选软件包

3）包括包装

4）测试软件包并查看结果

注意：查看每个esp包的使用说明文件很重要，因为可能存在差异

以下是我最喜欢的两个Node.js语法突出显示包：

我在Vim中编写程序，希望JavaScript IDE具有轻量级。我创建了一个简单的
HTML
页面，其中包含指向
.js
文件的链接，我在Vim中编辑该文件并在中呈现（
F12
，从
HTML
页面打开；
Shift-Ctrl-R
重新加载）

js_ide.html


JavaScript IDE
JavaScript IDE
在Firefox中打开此文件并打开Firefox开发工具（“控制台”，F12）

编辑关联文件中的JavaScript代码



js_ide.js

//vim:set ft=javascript:
///mnt/wincover/programming/javascript/js_ide.js
/* ========================================================================= */
设q=‘苹果香蕉’新斯科舍省‘不列颠哥伦比亚省’；
// https://stackoverflow.com/questions/12367126/how-can-i-get-a-substring-located-between-2-quotes
常数r=q.match（/“（[^']+）”/g）；
console.log（'r:'，r）
//等等。

屏幕截图

您是在寻找IDE还是在尝试构建IDE？Visual Studio是支持JavaScript的IDE之一。。。但我不会太关注IDE。如果您只想学习JavaScript而不是HTML/DOM，请使用一个好的编辑器并使用node.js。您想学习JavaScript的哪些方面？你的目标是什么？毕竟JS是作为HTML的伴侣开发的。。。这就是历史。你的方法有点像通过编写桌面应用程序来学习PHP。我对iOS开发感到沮丧的一部分是，javascript根本没有传统的IDE，因为你点击“运行”来执行文件并输出输出（或错误）。它通常是一个混乱的文本编辑器+linters+Chrome开发工具的组合，这在用户体验方面并不好。