javascript - シンプルな JavaScript IDE

Question

私は JavaScript の初心者で、単純な Windows ベースの IDE を使用してスキルを練習したいと考えています。学習中は、CSS や HTML を使用したくありません。可能であれば、カラーのシングルステップ、ハイライト、および構文チェックが必要です。

たとえば、関数を入力して呼び出し、結果を受け取ることができます

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

squareNumber(5)

25

Internet Explorer コンソールよりも優れたものが欲しいです。

score 8 · Accepted Answer

どちらかを見て、

WebStorm : 本物の JavaScript IDE (おそらく最高)
Sublime Text 2 : 構文が強調表示され、プラグインをインストールできるテキストエディター。

いずれかのソフトウェアをnode.jsと一緒に使用して、必要なものを取得できます。

ファイルを実行すると、

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

console.log(squareNumber(5));

node.jsを使用すると出力され、

score 0 · Accepted Answer

私はプログラミングしVimて、JavaScript IDE 用の軽量なものを求めていました。Vim で編集し、Firefox 開発者ツールHTMLでレンダリングするファイルへのリンクを含む単純なページを作成しました(ページから開き、リロードします)。.jsF12HTMLShift-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.

スクリーンショット

javascript - シンプルな JavaScript IDE

5 に答える 5

Related

Reference