<h1 id="windows-terminal%E3%81%ABnode.js-command-prompt%E3%81%AE%E7%99%BB%E9%8C%B2%E3%81%AF%E6%89%8B%E5%8B%95%E8%A8%AD%E5%AE%9A%E3%81%8C%E5%BF%85%E8%A6%81">
<a class="header-anchor-link" href="#windows-terminal%E3%81%ABnode.js-command-prompt%E3%81%AE%E7%99%BB%E9%8C%B2%E3%81%AF%E6%89%8B%E5%8B%95%E8%A8%AD%E5%AE%9A%E3%81%8C%E5%BF%85%E8%A6%81" aria-hidden="true"></a> Windows TerminalにNode.js command promptの登録は手動設定が必要</h1>
<p>Git Bash for Windowsはインストール時にインストールオプションでWindowsTerminalに登録してくれるが、Node.js command promptはそのようなオプションがない</p>
<p>Windows TerminalにNode.js command promptを手動登録するには、一意な GUIDを発行する必要があり、iconも手動で取得しなければならない</p>
<p>日本語情報を見つけられなかったので、初心者向けに噛み砕いた手順を記載しておく</p>
<h2 id="step1.-nodevars.bat%E3%81%AE%E3%83%91%E3%82%B9%E3%82%92%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B%EF%BC%88%E5%BF%85%E9%A0%88%EF%BC%89">
<a class="header-anchor-link" href="#step1.-nodevars.bat%E3%81%AE%E3%83%91%E3%82%B9%E3%82%92%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B%EF%BC%88%E5%BF%85%E9%A0%88%EF%BC%89" aria-hidden="true"></a> step1. nodevars.batのパスを確認する（必須）</h2>
<p>Windows 10がCドライブで、NodeJSもinstallerの初期値でインストール実行していれば、下記にあるはず<br>
<code>c:\Program Files\nodejs\nodevars.bat</code></p>
<p>Windows TerminalのJSONに記述時、パスは下記のように加工する必要がある</p>
<div class="code-block-container"><pre class="diff-highlight "><code class="diff-highlight "><span class="token deleted-sign deleted"><span class="token prefix deleted">-</span> c:\Program Files\nodejs\nodevars.bat
</span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span> c:\\Program Files\\nodejs\\nodevars.bat
</span></code></pre></div><h2 id="step2.-powershell%E3%81%A7-%E4%B8%80%E6%84%8F%E3%81%AA-guid-%E3%82%92%E7%99%BA%E8%A1%8C%E3%81%99%E3%82%8B%EF%BC%88%E5%BF%85%E9%A0%88%EF%BC%89">
<a class="header-anchor-link" href="#step2.-powershell%E3%81%A7-%E4%B8%80%E6%84%8F%E3%81%AA-guid-%E3%82%92%E7%99%BA%E8%A1%8C%E3%81%99%E3%82%8B%EF%BC%88%E5%BF%85%E9%A0%88%EF%BC%89" aria-hidden="true"></a> step2. PowerShellで 一意な GUID を発行する（必須）</h2>
<p>一意な GUID は、Windows PowerShell で下記コマンドで取得できる</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">New-Guid
</code></pre></div><p>GUID　発行をクリップボードに即コピーする場合（推奨）</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">＃ 実行後、CTRL+Vで貼り付けでOK
<span class="token punctuation">(</span>New-Guid<span class="token punctuation">)</span>.Guid <span class="token operator">|</span> Set-Clipboard
</code></pre></div><p>本手順書では、仮にここで得たGUIDを<code>998ab9a8-aba9-ab98-9898-ab9898a98b98</code>　とする</p>
<h2 id="step3.-nodejs%E3%81%AE%E5%85%AC%E5%BC%8F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E5%8F%96%E5%BE%97%E3%81%97pc%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%EF%BC%88%E7%9C%81%E7%95%A5%E5%8F%AF%EF%BC%89">
<a class="header-anchor-link" href="#step3.-nodejs%E3%81%AE%E5%85%AC%E5%BC%8F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E5%8F%96%E5%BE%97%E3%81%97pc%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%EF%BC%88%E7%9C%81%E7%95%A5%E5%8F%AF%EF%BC%89" aria-hidden="true"></a> step3. NodeJSの公式アイコンを取得しPCに保存する（省略可）</h2>
<p>公式のリポジトリから拝借する場合：<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__cbf09bdb68da4" src="https://embed.zenn.studio/card#zenn-embedded__cbf09bdb68da4" data-content="https%3A%2F%2Fraw.githubusercontent.com%2Fnodejs%2Fnode%2Fmaster%2Fsrc%2Fres%2Fnode.ico" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://raw.githubusercontent.com/nodejs/node/master/src/res/node.ico" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://raw.githubusercontent.com/nodejs/node/master/src/res/node.ico</a><br style="display:none">
本手順書では、これを、<code>c:\icon\node.ico</code> に配置したものとする</p>
<p>Windows TerminalのJSONに記述時、パスは下記のように加工する必要がある</p>
<div class="code-block-container"><pre class="diff-highlight "><code class="diff-highlight "><span class="token deleted-sign deleted"><span class="token prefix deleted">-</span> c:\icon\node.ico
</span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span> c:\\icon\\node.ico
</span></code></pre></div><h2 id="step4.-windows-terminal-%E3%81%B8-%E8%A8%AD%E5%AE%9A%E3%82%92%E8%A1%8C%E3%81%86%EF%BC%88%E3%81%BE%E3%81%A8%E3%82%81%EF%BC%89">
<a class="header-anchor-link" href="#step4.-windows-terminal-%E3%81%B8-%E8%A8%AD%E5%AE%9A%E3%82%92%E8%A1%8C%E3%81%86%EF%BC%88%E3%81%BE%E3%81%A8%E3%82%81%EF%BC%89" aria-hidden="true"></a> step4. Windows Terminal へ 設定を行う（まとめ）</h2>
<ol>
<li>Windows Terminalを起動する</li>
<li>起動後、<code>CTRL+,</code>で設定画面を開く</li>
<li>画面左下にある「JSONファイルを開く」をクリック</li>
<li>JSONにstep1～step3の情報を元に追加する</li>
</ol>
<p>下記の情報はそのまま貼らないこと<br>
実際には人によって値が違うので環境によって読み替えて値を貼ること<br>
例えば<code>"guid": "{998ab9a8-aba9-ab98-9898-ab9898a98b98}" </code>はそのまま貼ってはいけない。<br>
step2の手順で取得した自身の環境での値にする必要がある。</p>
<div class="code-block-container"><pre class="diff-highlight "><code class="diff-highlight ">{
<span class="token unchanged"><span class="token prefix unchanged"> </span>   .
<span class="token prefix unchanged"> </span>   .
<span class="token prefix unchanged"> </span>   (省略)
<span class="token prefix unchanged"> </span>   .
<span class="token prefix unchanged"> </span>   .
<span class="token prefix unchanged"> </span>   
<span class="token prefix unchanged"> </span>   "profiles": 
<span class="token prefix unchanged"> </span>   {
<span class="token prefix unchanged"> </span>       "defaults": 
<span class="token prefix unchanged"> </span>       {
</span>	  //（内容省略）
<span class="token unchanged"><span class="token prefix unchanged"> </span>       },
<span class="token prefix unchanged"> </span>       "list": 
<span class="token prefix unchanged"> </span>       [
</span>	    .
	    .
	    (省略)
	    .
	    .
<span class="token unchanged"><span class="token prefix unchanged"> </span>           {
<span class="token prefix unchanged"> </span>               "guid": "{一意の番号}",
<span class="token prefix unchanged"> </span>               "name": "Azure Cloud Shell",
<span class="token prefix unchanged"> </span>               "source": "Windows.Terminal.Azure"
<span class="token prefix unchanged"> </span>           },
<span class="token prefix unchanged"> </span>           {
<span class="token prefix unchanged"> </span>               "guid": "{一意の番号}",
<span class="token prefix unchanged"> </span>               "name": "Git Bash",
<span class="token prefix unchanged"> </span>               "source": "Git"
<span class="token prefix unchanged"> </span>           },
</span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span>	    {
<span class="token prefix inserted">+</span>		"commandline": "cmd.exe /k \"c:\\Program　Files\\nodejs\\nodevars.bat\"",
<span class="token prefix inserted">+</span>		"guid": "{998ab9a8-aba9-ab98-9898-ab9898a98b98}",
<span class="token prefix inserted">+</span>		"hidden": false,
<span class="token prefix inserted">+</span>		"icon": "C:\\icon\\node.ico",　
<span class="token prefix inserted">+</span>		"name": "NodeJS cmd",
<span class="token prefix inserted">+</span>		"startingDirectory": "%USERPROFILE%"
<span class="token prefix inserted">+</span>	    }
</span></code></pre></div><h2 id="%E5%8F%82%E8%80%83%E8%A8%98%E4%BA%8B">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E8%A8%98%E4%BA%8B" aria-hidden="true"></a> 参考記事</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5d4ae476c4bb3" src="https://embed.zenn.studio/card#zenn-embedded__5d4ae476c4bb3" data-content="https%3A%2F%2Fblog.jeremylikness.com%2Fblog%2Fcustom-terminals-and-ui-in-windows-terminal%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://blog.jeremylikness.com/blog/custom-terminals-and-ui-in-windows-terminal/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://blog.jeremylikness.com/blog/custom-terminals-and-ui-in-windows-terminal/</a></p>


Node.js command prompt を Windows Terminal に追加する手順

step1. nodevars.batのパスを確認する（必須）

step2. PowerShellで 一意な GUID を発行する（必須）

step3. NodeJSの公式アイコンを取得しPCに保存する（省略可）

step4. Windows Terminal へ 設定を行う（まとめ）

Windows TerminalにNode.js command promptの登録は手動設定が必要

Discussion