投稿2022/08/06 08:02
編集2022/08/07 03:10プログラミング初学者です。お手柔らかにお願いします。
windows10 64bitのPCにて
VScodeを使ってJavaScript・Node.Jsの環境構築ができないため
解決策を教えて頂きたいです。
【Powershell単体でnode -vを実行した場合】
PS C:\Users\hoge> node -v v16.16.0
【VScode内ターミナル(Powershell)でnode -vを実行した場合】
node : 用語 'node' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログ ラムの名前として認識されません。名前が正しく記述されていることを確認し、パスが含まれてい る場合はそのパスが正しいことを確認してから、再試行してください。 発生場所 行:1 文字:1 + node -v + ~~~~ + CategoryInfo : ObjectNotFound: (node:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
→再起動後【VScode内ターミナル(Powershell)でnode -vを実行した場合】
PS C:\Users\hoge> node -v node: The term 'node' is not recognized as a name of a cmdlet, function, script file, or executable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.
・VScodeのターミナルではなく、powershell単体ではnode.jsのインストール・バージョンの確認ができました。
・pythonの環境構築を行った際もパスの設定(?)が煩雑であったので
今回も同様かと思っていますが、VScodeでの設定が分からずにいます。
・いくらか検索したところ、GitやDockerを併用している記事をみかけましたが、今回はnode.jsの学習が目的なので必須でなければ余計なものはインストールしないほうがいいと思っています。
・VScodeにてnode.jsを扱える方法があれば教えてください。(不可能であれば教えて頂けると幸いです。)
・上記エラーコードの解消方法を教えて頂きたいです。
・パスの管理や設定のためにできるwindows側の設定や管理方法などがありましたら、教えて頂きたいです。
以上です。宜しくお願い致します。
頂いたアドバイスを基に幾つか他のコマンドを実行しました。
【Powershell単体】
$PSHOME
C:\Program Files\PowerShell\7
$PSVersionTable
Name Value ---- ----- PSVersion 7.2.4 PSEdition Core GitCommitId 7.2.4 OS Microsoft Windows 10.0.19043 Platform Win32NT PSCompatibleVersions {1.0, 2.0, 3.0, 4.0…} PSRemotingProtocolVersion 2.3 SerializationVersion 1.1.0.1 WSManStackVersion 3.0
$env:path.split(";") | select-string node
C:\Program Files\nodejs\
gcm node
CommandType Name Version Source ----------- ---- ------- ------ Application node.exe 16.16.0.0 C:\Program Files\nodejs\node.exe
【VScode内ターミナル(Powershell)】
$PSHOME
C:\Program Files\PowerShell\7
$PSVersionTable
Name Value ---- ----- PSVersion 7.2.4 PSEdition Core GitCommitId 7.2.4 OS Microsoft Windows 10.0.19043 Platform Win32NT PSCompatibleVersions {1.0, 2.0, 3.0, 4.0…} PSRemotingProtocolVersion 2.3 SerializationVersion 1.1.0.1 WSManStackVersion 3.0
$env:path.split(";") | select-string node
${workspaceRoot}\node_modules\.bin
gcm node
Get-Command: The term 'node' is not recognized as a name of a cmdlet, function, script file, or executable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.
settings.json
{ "terminal.integrated.env.windows": { "PATH": "${workspaceRoot}\\node_modules\\.bin;${env:PATH}" }, "terminal.integrated.automationShell.windows": "", "terminal.integrated.shell.windows": "", "terminal.integrated.automationShell.linux": "", "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\cmd.exe", "explorer.confirmDelete": false, "explorer.confirmDragAndDrop": false, "python.defaultInterpreterPath": "C:\\Users\\hogehoge\\AppData\\Local\\Programs\\Python\\Python39\\python.exe", "workbench.editorAssociations": { "*.ipynb": "jupyter.notebook.ipynb" }, "workbench.editor.untitled.hint": "hidden", "security.workspace.trust.untrustedFiles": "open", "editor.autoIndent": "none", "editor.unicodeHighlight.nonBasicASCII": false,
回答1件
0
自己解決
Crimson_Tide 様より解決方法をご教授頂きました。
ありがとうございました。
本事象は以下2条件が両方満たされたことで発生していると思われます。
(1)
settings.jsonや、確認していませんが恐らくワークスペースの設定(.code-workspace)やフォルダの設定(フォルダの/.vscode/.settings.json)などでPATHの設定に${workspaceRoot}の文字列がある。
"PATH": "${workspaceRoot}\node_modules\.bin;${env:PATH}"
(2)
ワークスペースまたはフォルダーを開いていない
→新しい作業を開始する時、ワークスペースを作る or 開く作業が必要という事でしょうか？
上記の条件のうち(1)を満たなさなければ、必ずしも開く必要はありません。
試しに、現在のsettings.jsonのPATHの部分を以下のように書き換えて保存。
"PATH": "${env:PATH}"
[ファイル]-[新しいウィンドウ]でフォルダー・ワークスペースを開いていない状態のVSCodeを起動。
PowerShellを起動してnode -vを実行するとエラーは発生しないと思います。
【原因】
フォルダー・ワークスペースを開いていないと、VSCode内変数${workspaceRoot}が不定になっているようです。（変数名から想像するに当然ですね）
その為設定に "PATH": "${workspaceRoot}\node_modules\.bin;${env:PATH}" があると
${workspaceRoot}が単なる文字列として扱われ、原因不明ですが${env:PATH}も展開されないようです。
この状態で変数PATHを確認すると、以下のように
PowerShellのパスと ２つの有効ではないパス ${workspaceRoot}\node_modules.bin、 ${env:PATH}だけが表示されます。
PS C:\Users\username>$env:path.split(";")
C:\Program Files\PowerShell\7
${workspaceRoot}\node_modules.bin
${env:PATH}
これによりシステム環境変数(＋ユーザー環境変数PATH)で定義されたPATHが消失してしまい、node.exeへのパスが得られずエラーが表示されていました。
フォルダ・ワークスペースが開いていれば、以下のようになります。
C:\Program Files\PowerShell\7
(ワークスペースかフォルダのパス)\node_modules.bin
PATH変数で定義されたパス
ワークスペースについては以下リンクが参考になるかと思います。
公式ドキュメント
What is a VS Code "workspace"?
https://code.visualstudio.com/docs/editor/workspaces
vscodeの利用に必須な”ワークスペース”の概念
https://prius.cc/itya/20181218_vscode-workspace
PATHの設定を変更し、フォルダー・ワークスペースを利用せずにVSCodeを使うも、
フォルダー・ワークスペースを利用してVSCodeを使うも自由です。
ただ単体プログラムならいいですが、プロジェクトベースで利用する場合は結局フォルダー・ワークスペースベースで利用することになると思います。
また、言語毎や環境・フォルダ毎に設定変更をしたいので自分は後者を選択しています。
私が最終的に実施した対策
・settings.jsonの変更・更新
→使えない状態のままにしておいても仕方ない、と思ったため
・その上でワークスペースは都度作成
→今回は学習が目的ですが、今後の学習や用途で言語や設定を変更する可能性は高いと考えた為
投稿2022/08/08 04:02
総合スコア16
あなたの回答
tips
プレビュー
Q&A
