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. 更紗ゴシック

または Sarasa Gothic とも呼ばれ、私のお気に入りのフォントであり、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

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