<!– wp:heading {"level":1} –>
<h1 class="wp-block-heading">Windowsで右クリックメニューからVS Codeを開く方法</h1> <!– /wp:heading –>
<!– wp:paragraph –>
<p>こんな感じを目指します！以下でできました～</p> <!– /wp:paragraph –>
<!– wp:image {"id":211,"sizeSlug":"full","linkDestination":"none"} –>
<figure class="wp-block-image size-full"><img src="https://www.zidooka.com/wp-content/uploads/2025/02/image-3.png" alt="" class="wp-image-211"/></figure> <!– /wp:image –>
<!– wp:paragraph –>
<p>Windowsでエクスプローラーの右クリックメニューに「Open with VS Code」を追加すると、フォルダやファイルをすぐVS Codeで開けるようになります。この記事では、VS Codeインストール時の確認ポイントと、レジストリエディターを使った手動設定方法をまとめます。</p> <!– /wp:paragraph –>
<!– wp:paragraph –>
<p><strong>結論だけ先に言うと、インストール時のオプションで追加されていない場合でも、レジストリを設定すれば手動で追加できます。</strong></p> <!– /wp:paragraph –>
<!– wp:heading –>
<h2 class="wp-block-heading">1. VS Codeインストール時のオプション確認</h2> <!– /wp:heading –>
<!– wp:paragraph –>
<p>VS Codeのインストール時に「エクスプローラーの右クリックメニューを追加する」オプションが存在する。このオプションにチェックが入っていれば、右クリックメニューに「Open with VS Code」が自動的に追加される。<br>もしチェックが入っていなかった場合は、再インストールするか以下の手動設定方法を試すとよい。</p> <!– /wp:paragraph –>
<!– wp:heading –>
<h2 class="wp-block-heading">2. コマンドパレットを利用してPATHに<code>code</code>コマンドを追加</h2> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li>VS Codeを起動する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>Ctrl + Shift + P</code>でコマンドパレットを表示する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>Shell Command: Install 'code' command in PATH</code>を実行する。<br>これにより、コマンドラインから<code>code</code>コマンドが利用可能になる。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:heading –>
<h2 class="wp-block-heading">3. レジストリを手動で編集して右クリックメニューに追加</h2> <!– /wp:heading –>
<!– wp:paragraph –>
<p>レジストリエディターを用いることで、エクスプローラーの右クリックメニューに「Open with VS Code」を追加できる。以下に手順を示す。</p> <!– /wp:paragraph –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">3.1. レジストリエディターの起動</h3> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li><code>Win + R</code>を押して「ファイル名を指定して実行」ダイアログを開く。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>regedit</code>と入力し、Enterキーを押す。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">3.2. ディレクトリの右クリックメニューに追加</h3> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li><code>HKEY_CLASSES_ROOT\Directory\shell</code>に移動する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>shell</code>キーの下に<code>VSCode</code>という新規キーを作成する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>VSCode</code>キーの既定値を「Open with VS Code」に設定する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>さらに<code>VSCode</code>キーの下に<code>command</code>というキーを作成する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>command</code>キーの既定値に <code>"C:\Users\{ユーザー名}\AppData\Local\Programs\Microsoft VS Code\Code.exe" "%V"</code> を設定する。<br>※ここで<code>{ユーザー名}</code>は実際のWindowsのユーザー名に置き換える。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">3.3. ファイルの右クリックメニューに追加</h3> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li><code>HKEY_CLASSES_ROOT\*\shell</code>に移動する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>shell</code>キーの下に<code>VSCode</code>という新規キーを作成する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>VSCode</code>キーの既定値を「Open with VS Code」に設定する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>さらに<code>VSCode</code>キーの下に<code>command</code>というキーを作成する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li><code>command</code>キーの既定値に <code>"C:\Users\{ユーザー名}\AppData\Local\Programs\Microsoft VS Code\Code.exe" "%1"</code> を設定する。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">3.4. レジストリ変更の反映</h3> <!– /wp:heading –>
<!– wp:paragraph –>
<p>レジストリエディターを閉じ、PCを再起動するかエクスプローラーを再起動することで変更が反映される。</p> <!– /wp:paragraph –>
<!– wp:heading –>
<h2 class="wp-block-heading">4. Windowsのユーザー名の取得方法</h2> <!– /wp:heading –>
<!– wp:paragraph –>
<p>レジストリ設定の際に用いるパス中の<code>{ユーザー名}</code>を正確に指定するため、Windowsのユーザー名を確認する必要がある。以下の方法で確認できる。</p> <!– /wp:paragraph –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">4.1. コマンドプロンプトで確認</h3> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li><code>Win + R</code>を押して<code>cmd</code>と入力、Enterキーを押す。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>コマンドプロンプト上で以下のコマンドを実行する。<code>echo %USERNAME%</code></li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>現在ログインしているユーザー名が表示される。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">4.2. エクスプローラーで確認</h3> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li><code>Win + E</code>でエクスプローラーを起動する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>左側のメニューから「PC」または「This PC」を選択し、<code>C:\Users\</code>フォルダに移動する。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>この中に表示されるフォルダ名がユーザー名である。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:heading {"level":3} –>
<h3 class="wp-block-heading">4.3. PowerShellで確認</h3> <!– /wp:heading –>
<!– wp:list {"ordered":true} –>
<ol class="wp-block-list"><!– wp:list-item –> <li><code>Win + R</code>を押して<code>powershell</code>と入力、Enterキーを押す。</li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>PowerShell上で以下のコマンドを実行する。<code>$env:UserName</code></li> <!– /wp:list-item –>
<!– wp:list-item –>
<li>ユーザー名が表示される。</li> <!– /wp:list-item –></ol> <!– /wp:list –>
<!– wp:paragraph –>
<p>取得したユーザー名を、レジストリ編集時の<code>{ユーザー名}</code>に置き換えれば正しく設定が行える。</p> <!– /wp:paragraph –>
<!– wp:separator –>
<hr class="wp-block-separator has-alpha-channel-opacity"/> <!– /wp:separator –>
<!– wp:paragraph –>
<p>以上の手順で、Windowsのエクスプローラーの右クリックメニューに「Open with VS Code」を追加できる。ユーザー名の確認方法についても紹介したので、実際の環境に合わせた設定が可能である。</p> <!– /wp:paragraph –>
