目標
JavaScriptでゲームを作成し、それをGitで共有させる
VSCodeとJavaScriptでどれくらいやれるかわからんけどぼちぼちやる
初めに
VSCodeだけだと、JavaScript の実行環境がないのでJavaScriptの実行環境用にプラグインを導入
今回、使ってみるのはCode Runner
他にもあるみたいだけど、どうせ調べても違いがわからんからとりあえず入れて動かしてみる
取り合えずやっていく
function greet(){
console.log("Hello My name is USAGI");
}
上記を記載して、
Ctrl＋Alt＋jで起動するも謎の文字が出てくる。
[Running] node "c:\Users\mokou\git_handson\index.js"
'node' �́A�����R�}���h�܂��͊O���R�}���h�A
����\�ȃv���O�����܂��̓o�b�` �t�@�C���Ƃ��ĔF������Ă��܂���B
[Done] exited with code=1 in 0.059 seconds
これをこのまま、チャットGPTに打ち込んだところ、Node.jsのインストールが必要とのこと。そんなものいれていないのでこちらもやり方を調べてインストール
最新の安定板をインストールするには以下を実行すればいいらしい
nvm insall lts
上記をVSCodeのターミナルで実行させるためには、さらにnvmをインストールする必要があるらしいとのこと。
nvmってなんやねんって感じなのでnvmについても記載
nvm-windowsとは
Widowsでは、Nodeのバージョン管理のために使うもの。
これを利用すると同じマシンで、複数のNode.jsのバージョンを切り替えて使用できるらしい。
nvm-windowsインストール
以下にアクセスして、最新の「nvm-setup.exe」をDLして終わらせる
https://github.com/coreybutler/nvm-windows/releases
以下のコマンドをVSCodeで実行しインストールが出来たことを確認
nvm -version
もう一度、先ほどのコマンドを実行
nvm insall lts
今度は問題なくダウンロードが進行
これでJavaScript の実行が可能になったかと思いきやまだうまく動かない..
原因をChatGPTに聞くと、Node.js LTSのインストールは完了したが、現在のバージョンは使用されていないとのこと。
インストールしたバージョンをアクティブにしないとだめらしい。
以下のコマンドを実行し、使用するように設定
nvm use 22.12.0
nvm -v
上記でバージョン確認
正常にインストールしたバージョンが使用されていることを確認し、再度実行
ようやくJavaScriptを実行させることが出来ました...
まとめ
GitとVSCodeは入れていたけど、どうやってJavaScriptの実行環境を準備したらいいか知らなかったからChatGPT先生に聞きながらいろいろやりました。
環境構築とか久々だったけど、やっぱりやること多くて大変だなって感じです。
ChatGPTなかったらすぐあきらめそうw
適当にこんな感じで作業内容をそのまま記事にしていけたらいいなと思っております。