<h1 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h1>
<ul>
<li>Windows11 Home 21H2(OSビルド 22000.613)</li>
<li>WSL2 + Ubuntu20.04</li>
<li>VSCode bash</li>
</ul>
<h1 id="%E5%95%8F%E9%A1%8C">
<a class="header-anchor-link" href="#%E5%95%8F%E9%A1%8C" aria-hidden="true"></a> 問題</h1>
<p><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/R7ziggI_rks" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=R7ziggI_rks" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=R7ziggI_rks</a><br style="display:none">
この動画を見て便利そうだなと思い、ターミナルで</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> docs react
</code></pre></div><p>と打ったところ、ブラウザーで開かれずに</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">react docs available at the following URL:
  https://reactjs.org/
</code></pre></div><p>とターミナルで返されてしまった。これでも悪いわけではないのだが、できればブラウザーで開いてほしい．．．。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__be97106791b79" src="https://embed.zenn.studio/card#zenn-embedded__be97106791b79" data-content="https%3A%2F%2Fdocs.npmjs.com%2Fcli%2Fv8%2Fcommands%2Fnpm-docs" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.npmjs.com/cli/v8/commands/npm-docs" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.npmjs.com/cli/v8/commands/npm-docs</a><br style="display:none">
公式ドキュメントを読むと、configのbrowserの既定値が自分の環境では<code>xdg-open</code>になっているようなのだが、試しに</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">xdg-open</span>
</code></pre></div><p>とターミナルに打つと</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">Command <span class="token string">'xdg-open'</span> not found, but can be installed with:

<span class="token function">sudo</span> <span class="token function">apt</span> <span class="token function">install</span> xdg-utils
</code></pre></div><p>と返された。要するに、「<code>xdg-open</code>というコマンドは見つからないけど<code>sudo apt install xdg-utils</code>でインストールできるよ」ということらしい。</p>
<h1 id="%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 解決方法</h1>
<p>解決方法はただ単に、</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">sudo</span> <span class="token function">apt</span> <span class="token function">install</span> xdg-utils
</code></pre></div><p>これを実行するだけ。（<code>sudo</code>なのでUbuntuのパスワード入力を求められる。）<br>
改めて</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> docs react
</code></pre></div><p>と入力すると、動画の通りちゃんとブラウザーでreact公式docsのページが開いた。</p>
<h1 id="%E8%A3%9C%E8%B6%B3">
<a class="header-anchor-link" href="#%E8%A3%9C%E8%B6%B3" aria-hidden="true"></a> 補足</h1>
<h2 id="xdg-open">
<a class="header-anchor-link" href="#xdg-open" aria-hidden="true"></a> xdg-open</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__24de2f686c2" src="https://embed.zenn.studio/card#zenn-embedded__24de2f686c2" data-content="https%3A%2F%2Fman.archlinux.org%2Fman%2Fxdg-open.1" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://man.archlinux.org/man/xdg-open.1" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://man.archlinux.org/man/xdg-open.1</a><br style="display:none">
xdg-openとは、ファイルやURLを既定のアプリケーションやブラウザーで開くコマンド。詳細は上記のarchlinuxのdocs参照。</p>


npm docsを使うときに少し躓いたこと

Discussion