我是 JavaScript 的新手,我想使用一个简单的基于 Windows 的 IDE 来练习我的技能。在学习时我不想使用任何 CSS 或 HTML。如果可能的话,我希望有颜色单步、突出显示和语法检查。
因此,例如,您可以输入您的函数,调用它并接收结果
function squareNumber(x) {
return x*x;
}
squareNumber(5)
25
我想要比 Internet Explorer 控制台更好的东西。
我是 JavaScript 的新手,我想使用一个简单的基于 Windows 的 IDE 来练习我的技能。在学习时我不想使用任何 CSS 或 HTML。如果可能的话,我希望有颜色单步、突出显示和语法检查。
因此,例如,您可以输入您的函数,调用它并接收结果
function squareNumber(x) {
return x*x;
}
squareNumber(5)
25
我想要比 Internet Explorer 控制台更好的东西。
随便看看,
您可以将任一软件与node.js一起使用,以获得您想要的。
执行文件,
function squareNumber(x) {
return x * x;
}
console.log(squareNumber(5));
使用 node.js 将输出,
25
最终使用了这个 IDE,因为我可以在低功耗笔记本电脑上运行它。免费版
Microsoft 还提供了一个免费的 Visual Studio 2015 产品,称为“Visual Studio Code”,也可以在 Mac 和 linux 上运行。只用了一天,但在我的低功耗平板电脑上效果很好。
除了上面答案中列出的选项之外;这些是我需要在没有 HTML/CSS 的情况下编写/测试 JS 时使用的附加选项:
1) Firefox 开发者版 - ScratchPad
Firefox Developer Edition 浏览器提供了一个很好的控制台,其中包含编写 JavaScript 所需的所有功能。
引用一个特定的功能 - ScratchPad 为您提供了编写 JS 代码的好选择,您可以使用运行按钮在控制台上查看它。
正如您在下面看到的,它具有语法着色,甚至可以直接从您的计算机保存和打开文件的选项。
您可以使用快捷键 - SHIFT+F4将 Firefox ScratchPad 作为独立窗口打开
它具有代码完成、内联文档等功能,您可以从此处的官方文档中了解有关使用它的更多信息 - https://developer.mozilla.org/en-US/docs/Tools/Scratchpad
键盘快捷键
CTRL + L - 显示选定的代码
CTRL + SPACE - 代码提示
CTRL + R - 运行命令
CTRL + I - 检查命令
2) 节点 CMD 或 CMD + 节点
我也喜欢使用 node + CMD,因为它们可以无缝工作。对于此选项,您需要安装 node.js 并使用 CMD 编写和测试您的 JS 代码。
您还可以考虑使用与 windows CMD 类似的 node.js CMD。
您可以通过单击顶部栏并选择属性来更改节点 CMD 的背景颜色和文本颜色
对于使用 node 时在 Node 上的语法着色,您可以添加语法着色 npm 包之一,如下所示:
我通过以下四个步骤安装了cli-color npm 包:
1)检查是否使用nmp -v
2)使用安装您喜欢的包npm install <name of package>
3)包括包装
4)测试包并查看结果
注意:请务必查看每个软件包的文档,尤其是有关用法的文档,因为可能存在差异。
这是我最喜欢的两个 Node.js 语法高亮包:
https://www.npmjs.com/package/cli-color和https://www.npmjs.com/package/cli-highlight
我编程Vim
并想要一些轻量级的 JavaScript IDE。我创建了一个简单的HTML
页面,其中包含指向我在 Vim 中编辑并在Firefox 开发人员工具.js
中呈现的文件的链接(从页面打开;重新加载)。F12
HTML
Shift-Ctrl-R
js_ide.html
<!DOCTYPE html>
<!-- vim: set filetype=html : -->
<!-- /mnt/Vancouver/programming/javascript/js_ide.html -->
<html encoding="UTF-8" charset="UTF-8" lang="en-US" language="English" xmlns="https://www.w3.org/1999/xhtml/" itemtype="http://schema.org/WebPage">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1">
<title>JavaScript IDE</title>
<script src="/mnt/Vancouver/programming/javascript/js_ide.js" type="text/javascript" charset="utf-8" /></script>
</head>
<body>
<h1>JavaScript IDE</h1>
<p>Open this file, <a href="/mnt/Vancouver/programming/javascript/js_ide.html">/mnt/Vancouver/programming/javascript/js_ide.html</a>, in Firefox and open the Firefox Developer Tools ("console", F12).</p>
<p>Edit JavaScript code in associated file <a href="/mnt/Vancouver/programming/javascript/js_ide.js">/mnt/Vancouver/programming/javascript/js_ide.js</a></p>
<hr>
</body>
</html>
js_ide.js
// vim: set ft=javascript:
// /mnt/Vancouver/programming/javascript/js_ide.js
/* ========================================================================= */
let q = 'apple banana "nova scotia" "british columbia"';
// https://stackoverflow.com/questions/12367126/how-can-i-get-a-substring-located-between-2-quotes
const r = q.match(/"([^']+)"/g);
console.log('r:', r)
// etc.
截屏