コードの結果をVScodeのコンソールで確認する方法

Question

下記のコードの結果をVScodeのコンソールで確認することを実施しておりますが、コンソールが表示されません。
言語モードを設定するところまで終わりました。

次はコマンドパレットで、quokka.jsを起動することを試しています。
初心者のため手順ご教示いただきたく、よろしくお願いします。

const str = `When you send the email, the reservation will be finalized.

Appointments:

ゴミデータ
1/2/2020 3:44-5:6 (+ USB port expansion)


Name: ふく04/28/2020 02:30-11:00 (ダミーデータ)

Phone number: 090-8765-4321`; //セミコロンでは無く、バッククォートで囲ってあります

//余計なものまで拾うNGパターン
var sample1 = str.match(new RegExp(/\d{1,2}/\d{1,2}/\d{1,4}\s+\d{1,2}\:\d{1,2}\-\d{1,2}\:\d{1,2}/, "g"));
console.log('sample1', sample1); //  sample1 [ '1/2/2020 3:44-5:6', '04/28/2020 02:30-11:00' ]

//Appointments: 〜 日時フォーマット 〜 スペース以降全て の内、日時フォーマット
var sample2 = str.match(new RegExp(/^.*Appointments:\s*.*?(\d{1,2}/\d{1,2}/\d{1,4}\s+\d{1,2}\:\d{1,2}\-\d{1,2}\:\d{1,2})\s*.*/, "s"))[1];
console.log('sample2', sample2); // sample2 1/2/2020 3:44-5:6

//Appointments: 〜 日フォーマット、時フォーマット 〜 スペース以降全て の内、日フォーマットと時フォーマットを分ける
var sample3 =  str.match(new RegExp(/^.*Appointments:\s*.*?(\d{1,2}/\d{1,2}/\d{1,4})\s+(\d{1,2}\:\d{1,2}\-\d{1,2}\:\d{1,2})\s*.*/,"s"));
const [date, time] = [sample3[1], sample3[2]];  //V8ランタイムにしたら、分割代入可能‥なハズ
console.log('sample3',date, time); // sample3 1/2/2020 3:44-5:6

Answer 1

node.jsを使っていますが、あなたのソースコードをデバッグモードで実行してみました。
console.log()で表示できるみたいですよ。

Comments

[fuku-chann]

technocore様
ご回答ありがとうございます。
下記の状況です。
もしご存知でしたらご教示よろしくお願いいたします。

Node.jsインストールしましたが、run without debuggingをクリックすると下記エラーが発生します。
エラーメッセージ：Cannot find runtime 'node' on PATH. IS 'node' installed?

Node.jsは検索すると複数出てきたのですが、①で間違いないでしょうか？
もしかして③ですか？

① Node.js Module Intellisense
② Node. js Extenion Pack
③ VS Code for Node.js - Development Pack

[technocore]

＞Cannot find runtime 'node' on PATH. IS 'node' installed?

nodeコマンドやnpmコマンドがインストールされた場所を環境変数PATHに追加しましたか？

D:\>where node
d:\apl\nodejs\node.exe

D:>where npm
d:\apl\nodejs\npm
d:\apl\nodejs\npm.cmd

[fuku-chann]

technocore様
ご回答ありがとうございます。
初心者のためなかなか理解できないので一つずつご教示ください。
下記サイトからnode.jsをインストールしましたが、nodeコマンドというのは別物でしょうか？
https://nodejs.org/ja/
また、npmコマンドもインストールが必要なのでしょうか？

[technocore]

12.16.3 LTSを選択してください。
nodeコマンドもnpmコマンドもインストールされます。
インストールが終わったら、実行できるか確認してください。
＞ node -v
v12.16.3
＞ npm -v
6.14.4

実行できなかったら、PATHを設定してください。

[snogot]

別スレッドで話を進めると読みづらいと思いますので、こちらにコメントしますね。
technocore さんが記載してくれているとおり、まずは
nodeコマンドの実行確認と、実行できない場合はPATH設定をしてください。

コマンドが実行できる状態になったら、
もう一度「Run Without Debbuging」をクリックしてください。
それでも上手くいかない場合は、どのような状態になるのか教えてもらえますか？
（エラーが表示される、とか、押しても何も起こらない、とか。）

[fuku-chann]

technocore様、snogot様
ご回答ありがとうございます。
nodeコマンドをインストール後、無事デバックコンソールに表示されました。
ありがとうございました。

[technocore]

お疲れ様です。
ちなみにブレークポイントを設定して、実行を途中で止めた状態で、
変数の上にマウスカーソルを重ねると、変数の値が表示されます。
使い慣れると、console.log()はあまり使わなくなります。
VSCodeを習得してください。

[fuku-chann]

technocore様
ご回答ありがとうございます。
今後活用させていただきます。

[snogot]

fuku-chann さん
ご連絡ありがとうございます。
無事コンソール表示されたのですね、安心しました。

[fuku-chann]

snogot様
ご回答ありがとうございました。
勉強になりました。

Answer 2

Node.js がインストールされていれば、VSCodeのメニューバーから
Run > Run Without Debugging
をクリックすることで、以下画像のようにコンソール表示されるかと思います。

もし Node.js 未導入でしたら、インストールからお試しください。

Comments

[fuku-chann]

snogot様
ご回答ありがとうございます。
Node.jsインストールしましたが、run without debuggingをクリックすると下記エラーが発生します。
エラーメッセージ：Cannot find runtime 'node' on PATH. IS 'node' installed?

Node.jsは検索すると複数出てきたのですが、①で間違いないでしょうか？
もしかして③ですか？

① Node.js Module Intellisense
② Node. js Extenion Pack
③ VS Code for Node.js - Development Pack

[snogot]

Node.js はVSCodeの拡張機能ではなく、アプリケーションです。わかりづらくてすみません。
以下サイトからファイルをダウンロードし、インストールを行ってください。
https://nodejs.org/ja/

[fuku-chann]

snogot様
ご回答ありがとうございます。
インストール終了しましたが、Run Without Debbugingをクリックしてもコンソールがでてきません。