コーディングを楽しくする 8 つの便利な VSCode 拡張ツール!

適切なツールを使用すると、開発作業が容易になります。多くの開発者は開発ツールとして VSCode を使用しており、VSCode を使用するとさまざまな拡張ツールをインストールできます。 [推奨: vscode 基本チュートリアル ]

Visual Studio Marketplace では利用できる拡張ツールが多すぎます。ここでは、次の 8 つの拡張ツールに焦点を当てます。

最も単純なツールでも人々が素晴らしいことをできるようにする - Biz Stone

これらのプラグインはすべて Visual Studio マーケットプレイス で無料で入手できます。

1. REST クライアント

REST クライアント 拡張ツールを使用すると、HTTP リクエストを送信し、その応答を VSCode## で直接表示できます。 # 。外部アプリケーションを使用して HTTP リクエストをサーバーに送信する必要はもうありません。

これは多くの開発者に愛用されている非常に人気のある拡張ツールであり、100 万回以上インストールされています。また、私自身もこのプラグインをしばらく使用してきましたが、素晴らしいと思います。

リクエストの送信がとても簡単になりました。構文は非常に簡潔で、ニーズに合わせて多くのオプションが提供されます。単純な

GET リクエストには、GET キーワードとその後に続く URL という 1 行のコードのみが必要です。

REST Client 拡張ツールを実際に試してみてください。

2. CSS Peek

あなたが

web 開発者であれば、CSS Peek は絶対に必要です。この拡張機能を使用すると、要素のクラス名または要素 ID にカーソルを置くと、その要素に適用されている CSS ルールを確認できます。

以下に示すように:

この拡張ツールを使用すると、スタイル以外にも表示できます。また、要素に適用されている

CSS ルールに即座にジャンプできる「移動」機能もあります。これにより、適切なセレクターを探す時間を大幅に節約できます。

3. Beautify

きれいなコードが好きなら、間違いなく

Beautify を気に入るはずです。

Beautify JavaScript、HTML、CSS、Sass、JSON をサポートします。

この拡張機能の最も優れた点は、インデント サイズやファイルを新しい行で終了するかどうかなど、すべてのオプションが完全にカスタマイズ可能であることです。複数のプログラミング言語でコーディングする場合は、

Beautify が対応します。各プログラミング言語のオプションはカスタマイズできます。

この拡張機能は 500 万回以上ダウンロードされ、最も人気のあるインストール済み拡張機能のトップ 20 にランクされています。

4. タグの自動名前変更

タグの自動名前変更 拡張ツールによって実行される作業は非常に単純ですが、非常に便利です。この拡張機能は、HTML タグのペアの名前を自動的に変更します。開始タグの名前を変更すると、対応する終了タグも変更され、その逆も同様です。

開始タグの終了括弧内に入力するときに終了タグを自動的に追加したい場合は、

Auto Close Tag 拡張機能を検討する必要があります。これら 2 つの拡張機能をインストールすると非常に便利で、より効率的かつ一貫した方法で HTML を作成するのに役立ちます。

5. Quokka.js

Quokka.js はエディターのプロトタイプですプロジェクト ファイル、インライン レポートなどへのアクセスを提供するプラットフォーム。コード内の値は実行時に更新され、入力すると IDE 内のコードの横に表示されます。

あ！

6. Night Owl

素晴らしいテーマがなければ、VS コードを最適化する価値は何でしょうか?あまり多くないですよね？ ！ VS Code に多くの時間を費やしているのですから、テーマをインストールして見た目を良くしたほうが良いでしょう。

Night Owl テーマは、多くの開発者によって使用されている美しいテーマです。このテーマの説明によると、深夜にコードを書くのが好きな人向けに微調整され、最適化されています。

Night Owl テーマが気に入らない場合は、Pink Cat Boo、Panda Syntax、Mini Dark## を試してみてください。 #, Gatito テーマ, One Monokai、これらのテーマカラーもとても美しいです~7. JavaScript (ES6) コード スニペット

最後導入する 1 つ 拡張ツールは、

JavaScript (ES6) コード スニペット

拡張ツールです。拡張機能には、ES6 コード スニペットの生成に使用できる複数のコード スニペットが含まれています。 たとえば、「clg」と入力して Enter キーを押すと、console.log が取得されます。すべてのコード スニペットに慣れるまでには時間がかかるかもしれませんが、一度マスターすれば、非常に早く ES6 コードを入力できるようになります
8. TabNine

TabNine

はい、私がこれまでに使用した中で最高のコード補完ツールである TabNine は、人工知能に基づく自動コード補完ツールです。TabNine は、自動補完中に各候補の確率を示し、確率による並べ替えに従います。 、候補のソースとアドレスが示されるため、クエリや読み取りが容易になります。これまでに 30W 回以上ダウンロードされています。

まあ、これが見えたら、それはあなたが真実の愛を持っていることを意味します。私の

Github

にスターを追加しますか?

関連する推奨事項:

プログラミング教育

! ！

以上がコーディングを楽しくする 8 つの便利な VSCode 拡張ツール!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。