<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p>自分が入れてて便利だなって感じた拡張機能を雑に紹介する記事。</p>
<h1 id="%E8%A8%80%E8%AA%9E%E6%94%AF%E6%8F%B4">
<a class="header-anchor-link" href="#%E8%A8%80%E8%AA%9E%E6%94%AF%E6%8F%B4" aria-hidden="true"></a> 言語支援</h1>
<h2 id="rust-analyzer">
<a class="header-anchor-link" href="#rust-analyzer" aria-hidden="true"></a> rust-analyzer</h2>
<p>公式が開発してるLSPです。必須。</p>
<ul>
<li>コード補完</li>
<li>定義ジャンプ</li>
<li>ホバー時に型やドキュメントを表示する</li>
<li>インレイヒント</li>
<li>シンタックスハイライト</li>
<li>etc...</li>
</ul>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__bb86d16b004b9" src="https://embed.zenn.studio/card#zenn-embedded__bb86d16b004b9" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Drust-lang.rust-analyzer" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer</a></p>
<h2 id="codelldb">
<a class="header-anchor-link" href="#codelldb" aria-hidden="true"></a> CodeLLDB</h2>
<p>デバッグするのに必要。C++ とか書いてる人ならすでに入れてるはず。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__543ede498947b" src="https://embed.zenn.studio/card#zenn-embedded__543ede498947b" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dvadimcn.vscode-lldb" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=vadimcn.vscode-lldb" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=vadimcn.vscode-lldb</a></p>
<h2 id="rust-test-explorer">
<a class="header-anchor-link" href="#rust-test-explorer" aria-hidden="true"></a> Rust Test Explorer</h2>
<p>テストをサイドバーから一覧表示して実行できるようになる。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/8b03c487028b-20230321.png" alt loading="lazy" class="md-img"></p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__01305fdd104e6" src="https://embed.zenn.studio/card#zenn-embedded__01305fdd104e6" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dswellaby.vscode-rust-test-adapter" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=swellaby.vscode-rust-test-adapter" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=swellaby.vscode-rust-test-adapter</a></p>
<h1 id="%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E8%A1%A8%E7%A4%BA">
<a class="header-anchor-link" href="#%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E8%A1%A8%E7%A4%BA" aria-hidden="true"></a> ドキュメントの表示</h1>
<h2 id="rust-doc-viewer">
<a class="header-anchor-link" href="#rust-doc-viewer" aria-hidden="true"></a> Rust Doc Viewer</h2>
<p><code>cargo doc</code>で生成されたドキュメントを VSCode 上で表示できるようになる。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__27f560e5f797e" src="https://embed.zenn.studio/card#zenn-embedded__27f560e5f797e" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3DJScearcy.rust-doc-viewer" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=JScearcy.rust-doc-viewer" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=JScearcy.rust-doc-viewer</a></p>
<h2 id="live-server">
<a class="header-anchor-link" href="#live-server" aria-hidden="true"></a> Live Server</h2>
<p><code>cargo doc</code>で生成されたドキュメントを表示するローカルサーバーを立ち上げる。本来は web 開発などで使われるものかと思うが、地味に便利。</p>
<p>Rust Doc Viewer とは違って、VSCode 上では表示されない。代わりに、<code>localhost:5500</code>をブラウザに入力して確認する。<code>cargo doc</code>以外にも、<code>criterion</code>クレートを使って<code>cargo bench</code>から生成されたベンチマーク結果を見る際などにも使える。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__10a7f86cc5a87" src="https://embed.zenn.studio/card#zenn-embedded__10a7f86cc5a87" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dritwickdey.LiveServer" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer</a></p>
<h1 id="%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86">
<a class="header-anchor-link" href="#%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86" aria-hidden="true"></a> クレート管理</h1>
<h2 id="crates">
<a class="header-anchor-link" href="#crates" aria-hidden="true"></a> crates</h2>
<p>バージョン管理がめちゃくちゃしやすくなる。</p>
<ul>
<li>最新のバージョンを編集画面に表示してくれる</li>
<li>バージョンのとこをホバーすると選択可能なバージョンを表示してくれる</li>
<li>全てのクレートを一括で最新版にアップデートするコマンドが追加される</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/d6ffaff5130f-20230321.png" alt loading="lazy" class="md-img"></p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4c66aaf66853a" src="https://embed.zenn.studio/card#zenn-embedded__4c66aaf66853a" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dserayuzgur.crates" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=serayuzgur.crates" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=serayuzgur.crates</a></p>
<h2 id="even-better-toml">
<a class="header-anchor-link" href="#even-better-toml" aria-hidden="true"></a> Even Better TOML</h2>
<p>Cargo.tomlで補完が効くようになる。割と必須。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/cb6cebb7cd8e-20230321.png" alt loading="lazy" class="md-img"></p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__50dbee183525e" src="https://embed.zenn.studio/card#zenn-embedded__50dbee183525e" data-content="https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dtamasfe.even-better-toml" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml</a></p>


Rust での開発を便利にする VSCode 拡張機能たち

Discussion