amtoaer

晓风残月

叹息似的渺茫,你仍要保存着那真!
github
x
telegram
steam
nintendo switch
email

私はVscodeの設定をどのように行うのか

プログラミングに触れ始めてから、もう 2 年以上になります。この期間に、私は何度もシステムを変更しました(Windows -> Ubuntu -> Manjaro -> Arch Linux)し、多くの言語(C/C++/VHDL/JavaScript/Java/Golang)を書きましたが、エディターは一度も変更したことがありません。それがこの記事の主役である Visual Studio Code です。

私を引き付ける点は次の 3 つです:

  1. クロスプラットフォーム
  2. 低リソース消費
  3. プラグインの設計

特に 2 番目と 3 番目の点には驚かされました。

Electron で開発されたプログラムとして、Visual Studio Code は「ウェブページのラッパー」という欠点を克服し、低リソース消費のままでネイティブプログラムとほぼ同等の効果を実現しています。

さらに、優れたプラグイン設計により、ユーザーはさらにカスタマイズの余地があります。プラグインをインストールすることで、テーマやアイコン、追加機能、プログラミング言語のサポートを拡張することができます。

何を書こうとも、Vscode で一発!

以下に私の Vscode のスクリーンショットを 2 枚貼ります:
image

20210116142414

設定#

使用中に、多くの設定を試し、多くのプラグインを試しましたが、現在は固定された設定方法とプラグインリストを持っています。この記事は、記録と読者への推薦のために書かれています。

フォント#

フォントはエディターの魂であり、見栄えの良いフォントはコーディングの情熱を大幅に向上させることができます。私は 3 つのフォントを個人的におすすめします:

  1. 更紗ゴシック

または更紗黒体とも呼ばれ、私のお気に入りのフォントであり、Vscode の編集領域で使用しています。他の純粋なプログラミングフォントと比べて、CJK 文字セットを思源ヒラギノで補完するというユニークな特徴があり、フォント全体が調和しています。(このフォントの英字版は Iosevka と呼ばれています)

image

  1. JetBrains Mono

JetBrains が提供する、優れたフォントです!(霧)

JetBrains のすべての IDE のデフォルトフォントとして使用できるだけの優れたフォントです。私は Vscode の組み込みターミナルで使用しています。

image

  1. Fira Code

私が最初に長く使用したフォントであり、おそらく Vscode の公式推奨フォントでもあります。フォントのスタイルとリガチャが特徴的です。

このフォントは約半年間私を支えてくれましたが、長く使うと少し派手に感じるかもしれませんが、優れたプログラミングフォントです。

image

テーマ#

テーマについては、主観的には Atom の 2 つの配色テーマをおすすめします:

  1. Atom One Light

image

  1. Atom One Dark

image

プラグイン#

言語サポートを拡張するプラグインについては特に言及することはありませんが、ここではいくつかの便利な小さなプラグインを記録します。

  1. Error Lens

デフォルトの Vscode の構文チェックは、コードのヒントを「問題」パネルに表示しますが、わかりにくいです。このプラグインを使用すると、問題の詳細が対応する行の後ろに表示されるため、確認が容易になります。

image

  1. GitLens

この拡張機能は、Vscode の Git サポートを拡張するためのもので、非常に多機能です。私が使用している機能は次のとおりです:

  • コミット間のコードの比較

image

  • 特定の行のコードがどのコミットから来たかのヒント

image

  1. SQLTools

データベースの拡張機能で、対応するドライバと組み合わせて、Vscode 内でデータベースに接続し、データベースやテーブルの表示、SQL クエリの実行などの機能をサポートします。

  1. Todo Tree

特定のコメントをハイライトし、グローバルなコメントインデックスを提供することができます。コメントの内容とハイライトの色をカスタマイズすることができます。

image

  1. WakaTime

Vscode で編集したファイルのタイプや時間などの情報を統計し、それを Wakatime のクラウドと同期します。時間は Vscode のステータスバーに表示されます。

image

この拡張機能は、ユーザーのプログラミング時間を統計し、WakaTime API と組み合わせて、github readme statsを使用して Wakatime のプログラミング時間を Github プロフィールに同期するなど、興味深い効果を実現することができます。

image

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。