プログラミングをさらに簡単にする9つのVisualStudioコード拡張

MicrosoftのVisualStudioコードは最高のフリーテキストエディタの1つ現在ご利用いただけます。完全な機能セットと比較的使いやすさを兼ね備えており、Electronアプリのパフォーマンスは驚くほど優れています。人々がそれを愛する理由の1つは、理由は別として、その拡張性です。

他の多くの一般的なテキストエディターと同様に、Visual Studio Codeには、その動作をカスタマイズするために利用できる大量の拡張機能があります。これらは、VimまたはEmacsスタイルのキーバインディングを追加するなど、Visual StudioCodeの動作と操作方法を大幅に変更する可能性があります。このリストを使用して、お気に入りのいくつかをまとめました。

VisualStudioコード拡張機能をインストールする方法

慣れていない場合は、Visual StudioCodeに拡張機能を簡単にインストールできます。クリック 拡張機能 画面左側のアイコン。これは、デバッグアイコンのすぐ下にある5番目のアイコンです。

次に、インストールする拡張機能の名前または名前の一部を入力するだけです。名前をクリックして拡張機能の概要を読み、[ インストール それをインストールするためのアイコン。

1. Visual Studio IntelliCode

Microsoft DevLabsによって開発され、 Visual Studio IntelliCode は、コーディングを支援するために人工知能を利用する拡張機能です。拡張機能は現在、Python、JavaScript / TypeScript、およびJavaをサポートしています。

この電話には懐中電灯がありますか

以前にVisualStudioまたはVisualStudio CodeのいずれかでIntellisenseを使用したことがある場合は、何が期待できるかがわかります。ここでの違いは、これは本質的にそのアイデアをさらにインテリジェントに取り入れたものであるということです。

この拡張機能はまだ開発の初期段階にあり、すでに印象的です。開発にもう少し時間がかかると、これがVisual StudioCodeに組み込まれているのがわかるかもしれません。

2.設定の同期

テキストエディタを使用するほとんどの人は、定期的にその設定に少なくともいくつかの調整を加えます。多くの人々がさらに進んで、個人的な働き方に合うようにカスタマイズしています。複数のマシンで頻繁に作業する場合、これらの調整を常に手作業で行うのはイライラする可能性があります。

設定同期その問題を解決することを目指しています。簡単なGitHubGistを使用して、SettingsSyncを使用して設定を同期します。これには他の拡張機能とその構成が含まれるため、構成全体が移植可能になります。 1台のマシンでいくつかの変更を加え、設定を同期すると、他のマシンで簡単に同期できます。

Settings Syncの設定には数分かかります。その後、もう一度考える必要はありません。設定手順は、Visual StudioCodeの拡張機能の概要から入手できます。

3.パスIntellisense

Visual Studio Codeを使用して個人用またはシステム構成ファイルを編集する場合は、パスIntellisense 命の恩人になることができます。簡単に言うと、この拡張機能はファイル名にIntellisenseスタイルの補完を追加し、メモリにコミットしなくても長いパス名を簡単に入力できるようにします。

これは比較的単純な拡張機能ですが、いくつかの構成オプションがあります。たとえば、ディレクトリ名の後にスラッシュを追加するかどうかを選択できます。その他のオプションには、インポートステートメントにファイル名を含めるかどうか、および特定のファイルタイプを無視する機能が含まれます。

4.タスクエクスプローラー

NS タスクエクスプローラー拡張機能は、IDEスタイルのタスク実行関数をVisual StudioCodeに追加します。これには主に現在のプロジェクトのビルドタスクが含まれますが、bash、Python、その他のスクリプトも含まれる場合があります。

Task Explorerは、かなりの数の標準ビルドツールをサポートしています。これらには、NPM、Grunt、Gulp、Ant、Make、およびVisual StudioCode自体が含まれます。拡張機能はカスタマイズ可能であり、各タスクランナーとスクリプト言語へのパスをカスタマイズできます。これは、複数のバージョンがインストールされていて、特定のバージョンを使用する場合に便利です。

5. GoLens

Visual StudioCodeはGit統合を特徴としています前に述べたように、箱から出してすぐに使えるので、この拡張機能は絶対に必要ではないかもしれません。そうは言っても、 GoLens プロジェクトのGit履歴を視覚化、ナビゲート、および理解するのに役立ついくつかの機能を追加します。

他の機能の中でも、GitLensは、コミットとブランチの違いを簡単に視覚化するのに役立つ強力な分割差分ビューを追加します。この拡張機能を使用すると、プロジェクトのコミット履歴、作成者、ファイル、コミットメッセージなどで検索することもできます。

その他の機能には、Visual Studio Codeガターのヒートマップが含まれます。これにより、特定のファイルでほとんどの作業が行われている場所を簡単に確認できます。肝心なのは、Gitに大きく依存している場合は、少なくともこのプラグインを試してみる必要があるということです。

vizioスマートテレビでアプリをダウンロードする方法

6.よりきれい

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

Prettierは、厳密なフォーマットガイドラインに従って、作成したコードを取得して再書き込みします。拡張機能は「意見」です。つまり、拡張機能はそれ自体でいくつかの決定を行いますが、eslintまたはtslintツールで拡張機能を使用して、独自のリンティング構成に従っていることを確認できます。

7.ブラケットペアカラーライザー

ブラケットペアカラーライザーその名前でよく説明されているプラグインです。特定の文字が自動的に色付けされ、特定のコードがどれだけ深くネストされているかがわかります。すぐに使用できる言語がいくつかサポートされているため、選択した言語がサポートされていることはほぼ間違いありません。

デフォルトでは、

()

、

[]

、と

{}

は一致しますが、一致させたい他の角かっこ文字を定義することもできます。これらのタイプのプラグインは非常に二極化する傾向がありますが、それが必要かどうかわからない場合は、ブラケットペアカラーライザーを試してみてください。

8.コード時間

テキストエディタで週に何時間費やすのか疑問に思ったことはありませんか？最適なプログラミングを行うのに最適な時間帯や曜日はどうですか？これらの指標やその他の指標について疑問に思ったことがある場合は、コード時間あなたのためです。

Code Timeは、Visual Studio Codeでアクティビティを測定し、上記のアクティビティやその他の指標について報告します。ステータスバーにリアルタイムの指標が表示され、見やすくするためにエディター内のダッシュボードがあります。

コードタイムを設定して、毎週のメールレポートを送信できます。また、Googleカレンダーとの統合により、会議で台無しにならないように、最適なプログラミング時間の時間を自動的に確保できます。

9.RESTクライアント

フロントエンドのWeb開発者であろうと、ほとんどの時間をサーバーに費やしている人であろうと、RESTAPIをテストする必要がある場合に遭遇した可能性があります。このツールや他の多くのツール用のブラウザプラグインがありますが、ほとんどの時間をテキストエディタで過ごす場合は、最も快適な場所でクライアントを利用できるようにしてみませんか？

これは、主張していることを実行する比較的単純な拡張機能です。 HTTPリクエストを簡単に送信したり、cURLコマンドを送信したりできます。認証の場合、拡張機能は基本認証、ダイジェスト認証、SSLクライアント証明書などをサポートします。

VisualStudioCodeの生産性を向上させる

これらの拡張機能は、特にVisual Studio Codeを初めて使用する場合は、ほんの始まりにすぎません。まず、利用可能な拡張機能がたくさんあります。ほとんどの場合、言語固有の拡張機能は特に避けましたが、多くの拡張機能を利用できます。 JavaScript、C ++、Go、またはその他の言語でコーディングする場合でも、作業を簡単にする拡張機能が見つかります。

Visual StudioCodeでより多くのことをより速く行う方法もたくさんあります。使い始めるのに役立つように、Visual StudioCodeで生産性を高めるための重要なヒントのリストがあります。

共有共有つぶやき Eメール これらのWindowsファイルとフォルダを削除して、ディスク領域を解放します

Windowsコンピュータのディスク領域をクリアする必要がありますか？ディスクスペースを解放するために安全に削除できるWindowsファイルとフォルダは次のとおりです。

次を読む 関連トピック

プログラミング
VisualStudioコード

著者について Kris Wouk（118件の記事が公開されました）

Kris Woukはミュージシャン、ライター、そして誰かがWeb用のビデオを作成するときに呼ばれるものは何でもです。彼が覚えている限り、彼は間違いなくお気に入りのオペレーティングシステムとデバイスを持っていますが、とにかく追いつくために、できるだけ多くの他のものを使用しています。

サウンドボードの作り方

KrisWoukのその他の記事

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください