<h2 id="tl%3Bdr">
<a class="header-anchor-link" href="#tl%3Bdr" aria-hidden="true"></a> tl;dr</h2>
<ul>
<li>空のプロファイルから、いちいち拡張を入れたり設定をするのは面倒くさい</li>
<li>既定のプロファイルがあるから、これをもとにプロファイルをつくれば楽になる</li>
<li>既定のプロファイルから開発環境ごとの邪魔な拡張を消して、最小限の構成にする</li>
</ul>
<p>以上、Enjoy</p>
<h2 id="%E3%82%82%E3%81%A3%E3%81%A8%E8%A9%B3%E3%81%97%E3%81%8F">
<a class="header-anchor-link" href="#%E3%82%82%E3%81%A3%E3%81%A8%E8%A9%B3%E3%81%97%E3%81%8F" aria-hidden="true"></a> もっと詳しく</h2>
<p>Visual Studio Code(Ver 1.75)からプロファイル機能がつきました。今までは Workspace ごとに拡張の有効／無効を設定していましたが、これからはプロファイルを設定することで必要な拡張をいれるだけでよくなりました</p>
<p>プロファイルの作成は、空のプロファイルによるⅠから作成するものと現在のプロファイルをもとにしたものがあります。今までの設定は。“既定”のプロファイルに保存されているので、これからは既定をもとにプロファイルを作成することにしました。</p>
<p>もともとの既定のプロファイルには、すべての Workspace の設定や拡張機能があるため、このままでは使えません。既定のプロファイルを Visual Studio Code 全体用の拡張や、核開発環境で共通に使う拡張など最小限の構成にします。</p>
<p>その後は、既定のプロファイルをもとに、使用するプログラミング言語ごとのプロファイルを作成すれば、最小限の設定や拡張の追加ですむことにになります。</p>
<h2 id="%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%AE%E6%A7%8B%E6%88%90%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%AE%E6%A7%8B%E6%88%90%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" aria-hidden="true"></a> 最小限の構成を作成する</h2>
<h3 id="%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%AE%E6%8B%A1%E5%BC%B5%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%AE%E6%8B%A1%E5%BC%B5%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 最小限の拡張のインストール</h3>
<p>既定のプロファイルに入れる、つまり最小限の構成に使う拡張はつぎのようになります。</p>
<ol>
<li>Visual Studio Code 自体に関する拡張、日本語ランゲージパックなど</li>
<li>各環境すべてで使うであろう拡張、Markdown 編集拡張など</li>
<li>プログラミング時に開発効率がアップするので入れておきたい拡張</li>
</ol>
<p>以上の方針で、いかの拡張機能をいれました。</p>
<table>
<thead>
<tr>
<th>拡張</th>
<th>機能</th>
<th>コメント</th>
</tr>
</thead>
<tbody>
<tr>
<td>Japanese Language Pack for Visual Studio Code</td>
<td>日本語ランゲージパック</td>
<td></td>
</tr>
<tr>
<td>EditorConfig for VS Code</td>
<td>.editorconfigの設定反映</td>
<td>エディタのインデントは EditorConfig で</td>
</tr>
<tr>
<td>Iceberg Theme</td>
<td>配色テーマ</td>
<td>Iceberg Light を使っている</td>
</tr>
<tr>
<td>Json Editor</td>
<td>jsonファイルの編集</td>
<td>VS Codeの設定ファイル編集用</td>
</tr>
<tr>
<td>Open</td>
<td>ファイルをOSのデフォルトクライアントで開く</td>
<td>ファイルをブラウザなどで開く</td>
</tr>
<tr>
<td>WakaTime</td>
<td>VS Code用WakaTime拡張</td>
<td>VS Codeの稼働時間をWakaTimeではかる</td>
</tr>
<tr>
<td>Markdown All in One</td>
<td>Markdown編集機能</td>
<td>各種ドキュメントはMarkdownを使っている</td>
</tr>
<tr>
<td>Markdown Preview Enhanced</td>
<td>Markdownプレビュー機能を強化</td>
<td></td>
</tr>
<tr>
<td>markdownlint</td>
<td>Markdown記法用文法チェッカ</td>
<td></td>
</tr>
<tr>
<td>indent-rainbow</td>
<td>テキストのインデントをカラー表示</td>
<td></td>
</tr>
<tr>
<td>licenser</td>
<td>workspaceに指定のOSSライセンスを追加</td>
<td>自作プログラムはMITライセンスにしてるので</td>
</tr>
<tr>
<td>Linter</td>
<td>多言語対応Lint</td>
<td>markdownlintに対応している。ほかのプログラミング言語でも使うので</td>
</tr>
</tbody>
</table>
<h3 id="vs-code%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#vs-code%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> VS Codeの設定</h3>
<p>フォントの設定や、拡張機能の設定など各環境で共通な設定をしておきます。<br>
自分の場合、だいたいこんな感じ</p>
<table>
<thead>
<tr>
<th>項目</th>
<th>設定</th>
<th>コメント</th>
</tr>
</thead>
<tbody>
<tr>
<td>エディタ - fontFamily</td>
<td>"'PlemolJP35 Console NFJ', 'Source Serif 4','DejaVu Serif'",</td>
<td></td>
</tr>
<tr>
<td>エディタ - autoIndent</td>
<td>"advanced",</td>
<td>.editorconfigで設定</td>
</tr>
<tr>
<td>licenser - license</td>
<td>MIT</td>
<td></td>
</tr>
<tr>
<td>licenser - author</td>
<td>atsushifx [[MailAddress]]</td>
<td>本名と連絡用メールアドレス</td>
</tr>
</tbody>
</table>
<p>これらの設定もプロファイル作成時に引き継がれます。</p>
<h2 id="%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E3%83%90%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E3%83%90%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> プロファイルのバックアップ</h2>
<p>作成したプロファイルは、gist またはローカルのファイルにバックアップできます。<br>
戻すときは、「プロファイルのインポート」をおこないます。</p>
<p>自分の場合、作成したプロファイルはつぎのようになりました。</p>
<span class="embed-block zenn-embedded zenn-embedded-gist"><iframe id="zenn-embedded__a18d079ac4111" src="https://embed.zenn.studio/gist#zenn-embedded__a18d079ac4111" data-content="https%3A%2F%2Fgist.github.com%2Fatsushifx%2Fa926d1cbd3f67642c7cc03a916db2297" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> おわりに</h2>
<p>このように、最小構成のプロファイルを作成することで環境ごとのプロファイル作成が簡単になりました。<br>
この記事も、既定のプロファイルに zenn 用の拡張機能を追加しただけで使えました。</p>
<p>皆さんもプロファイルをうまく活用して、プログラミングを楽しみましょう。</p>
<p>それでは、Happy Hacking.</p>


VS Code: プロファイルが実装されたので、既定のプロファイルの拡張を最小限にする

zenn-dev

Discussion