マイクロソフトのvisualstudio codeは、フリーで使える最高のテキストエディタの1つです。充実した機能と比較的簡単な操作性を兼ね備え、電子機器用途としては驚くほど優れた性能を発揮します。以上の理由はさておき、人々に好まれる理由のひとつに、その拡張性があります。

他の多くの一般的なテキストエディタと同様に、VisualStudio code には、その動作をカスタマイズするための多数の拡張機能が用意されています。Vim や Emacs 風のキーバインドを追加するなど、visualstudio のコードの動作や操作感を劇的に変化させることができます。このリストでは、私たちのお気に入りをいくつかご紹介します。

VisualStudio Code Extensionsのインストール方法

慣れていない方は、visualstudioのコードに拡張機能をインストールすると簡単です。画面左側の拡張機能アイコンをクリックします。ここでは、トグルアイコンのすぐ下にある5番目のアイコンをご紹介します。

あとは、インストールしたい拡張機能の名前や一部を入力するだけです。名前をクリックすると拡張機能の概要が表示されるので、インストールアイコンをクリックしてインストールしてください。

1ビジュアルスタジオスマートコード

visualstudiointellicodeは、microsoftdevlabsが開発した、人工知能を使ってコードを書くことを支援する拡張機能です。この拡張機能は現在、Python、JavaScript/TypeScript、Javaをサポートしています。

visualstudioやvisualstudioのコードでIntellisenseを使ったことがある人なら、何を使えばいいのかわかると思います。ここが違うのは、本来はもっとスマートな発想であることです。

この拡張機能はまだ開発の初期段階ですが、すでに印象的です。開発期間が長くなれば、VisualStudioのコードに組み込まれることもあるかもしれません。

2 同期を設定する

テキストエディタを使っている人の多くは、定期的に設定を調整しているはずです。さらに、自分のワークスタイルに合わせてカスタマイズする人も少なくありません。複数のマシンで定期的に作業している場合、これらの調整を定期的に手作業で行うのはもどかしいものです。

セットシンクは、この問題を解決するために設計されています。シンプルなGitHubを使用して、設定の同期、まあ、設定を同期します。これには他の拡張機能やその設定も含まれるため、最終的には設定全体がポータブルになります。1台のマシンで少し変更を加え、設定を同期させれば、他のマシンでも簡単に同期させることができます。

セットアップ・シンクの設定は数分で完了し、その後はもう考える必要はないでしょう。設定方法については、Visual Studioコードの拡張機能概要をご覧ください。

インテリジェントな経路認識

Visualstudio のコードを使用して個人またはシステム設定ファイルを編集する場合、Path Intellisense は救世主になるかもしれません。つまり、この拡張機能はファイル名にIntellisenseスタイルの補語を追加し、長いパス名をメモリに登録することなく簡単に入力できるようにするものです。

これは比較的シンプルな拡張機能ですが、いくつかの設定項目があります。例えば、ディレクトリ名の後にスラッシュを付けるかどうかを選択することができます。その他、import文にファイル名を含めるかどうか、特定のファイル形式を無視するかどうかなどのオプションがあります。

4 タスクエクスプローラ

タスクエクスプローラ拡張は、VisualStudioのコードにIDEスタイルのタスク実行関数を追加します。主に現在のプロジェクトのビルドタスクが含まれますが、bashやPythonなどのスクリプトも含まれることがあります。

TaskExplorerは、多くの標準的なビルドツールをサポートしています。NPM、Grunt、Grup、Ant、Make、VisualStudioのコードそのものが含まれます。拡張機能はカスタマイズ可能で、各タスクランナーやスクリプト言語へのパスをカスタマイズすることができます。複数のバージョンをインストールしている場合に、特定のバージョンを使用したい場合に非常に便利です。

5 ギトレン

Visualstudioのコードでは、先に述べたようにGitの統合が用意されているので、この拡張機能は必ずしも必要ではないかもしれません。とはいえ、GitLens には、プロジェクトの Git の歴史を視覚化したりナビゲートしたり理解したりするのに役立つ機能がいくつか追加されています。

GitLens には、コミットやブランチ間の差分を簡単に視覚化できる強力な Splitdiff ビューが追加されています。また、この拡張機能では、プロジェクトのコミット履歴の検索、作者、ファイル、コミットメッセージなどによる検索が可能です。

その他、visualstudioのコードスロットにヒートマップを表示し、あるファイルの中で最も多くの作業が行われている場所を簡単に確認することができます。要するに、もしあなたがGitに大きく依存しているのなら、少なくともこのプラグインを試してみるべきだということです。

6 more beautiful

フロントエンドの開発者、特にスタイルガイドに従う必要がある場合、Prettierはあなたの新しい親友になるかもしれません。prettier拡張機能は、同名のコード整形ツールを用いて、JavaScript、TypeScript、CSSを自動的に整形します。

Prettierは、お客様が書いたコードを受け取り、厳格な書式ガイドラインに従って書き直します。この拡張機能は「頑固」です。つまり、いくつかの判断を自分で行います。しかし、eslintやtslintツールと一緒に使えば、あなた自身のリント設定に従うようにすることができます。

着色料への7つの括り

ブラケットペアシェーダはプラグインであり、その名前がよく表しています。特定の文字に自動的に色を付けて、コードのネストの深さを判断しやすくします。サポートされている言語も最初から複数あり、希望する言語がサポートされていることはほぼ間違いないと思われるほどです。

デフォルトでは

,

そして

にマッチしますが、他のブラケット文字を定義することもできます。このタイプのインサートは、非常に偏光性が高く、安定している傾向がありますが、もし気に入るかどうかわからない場合は、ブラケットペアのカラーリングを試してみてください。

8 符号化時間

毎週、テキストエディタにどれだけの時間を費やしているか、気になったことはありませんか？一日のうち、あるいは一週間のうち、どの日にプログラミングをするのがベストなのでしょうか？これらの指標やその他の指標について疑問に思ったことがあれば、Time to Codeはあなたのためにあるのです。

コードタイムメトリクスは、visualstudioのコードのアクティビティを測定し、上記のアクティビティやその他のメトリクスを報告します。ステータスバーにライブメトリクスが表示され、エディタにダッシュボードが表示され、より見やすくなります。

毎週メールでレポートを送るコードタイムを設定できるほか、Googleカレンダーとの連携により、最適な番組編成の時間を自動的に設定できるため、会議で台無しになることもありません。

9レストクライアント

あなたがフロントエンドのWeb開発者であろうと、ほとんどの時間をサーバー上で過ごす人であろうと、おそらくrestapiをテストする必要がある状況に出くわしたことがあるはずだ。ブラウザのプラグインなどもたくさんありますが、ほとんどの時間をテキストエディタで過ごすのであれば、一番使いやすいところにクライアントを置いてみてはいかがでしょうか。

これは比較的シンプルな拡張機能で、主張することを実行します。HTTPリクエストやcURLコマンドを簡単に送信することができます。認証については、Basic認証、Digest認証、SSLクライアント証明書などに対応した拡張機能です。

visualstudioのコードでより効率的に

これらの拡張機能は、特にvisualstudioのコードにまだ慣れていない場合は、ほんの始まりに過ぎません。まず、利用できる拡張機能が増えたこと。多くの場合、言語固有の拡張機能は特に使用しないようにしていますが、多くの拡張機能が利用可能です。JavaScript、C++、GOなど、どの言語でコーディングしている場合でも、作業を容易にする拡張機能が見つかります。

VisualStudioのコードには、より多くの作業をより速く行うための方法がたくさんあります。Visualstudioのコードをより生産的にするための重要なヒントをご紹介しています。