コーディングを停止しにくくする8つのVSCodeプラグイン

作成者の承認後に中国語に翻訳された元のリンク:https://levelup.gitconnected.com/7-vs-code-extensions-that-make-you-want-to-keep-coding-forever-f205e597ae34。

適切なツールがあれば、開発作業が簡単になります。多くの開発者VSCodeが開発ツールとして使用しており、VSCodeはさまざまな拡張ツールのインストールを許可しています。

Visual Studio Marketplace 利用可能な拡張ツールが多すぎるため、以下の8つの拡張ツールに焦点を当てます。

最も単純なツールでさえ、人々に素晴らしいことをさせることができます-Biz Stone

これらのプラグインはすべてVisual Studio Marketplace無料でアクセスできます。

1. RESTクライアント

REST Client拡張ツールを使用すると、HTTP要求を送信しVSCode、応答を直接表示できます外部アプリケーションを使用する必要がなくなり、サーバーHTTP要求を送信します

これは非常に人気のある拡張ツールであり、多くの開発者に支持されており、100W以上の設置実績があります。さらに、私はこのプラグインをしばらく使用しており、素晴らしいと思います。

リクエストの送信がとても簡単になりました。構文は非常に簡潔で、ニーズを満たすための多くのオプションを提供します。単純なGET要求ではコードが1行だけ必要で、GET続くキーワードを使用URLできます。

あなたは本当にREST Client拡張可能なツールを試すべきです。

2. CSSピーク

あなたがweb開発者ならCSS Peekそれは絶対に必要です。この拡張ツールを使用して、要素名のクラス名またはIDにカーソルを合わせると、CSSルールのこの要素に適用されていることがわかります

以下に示すように:

この拡張ツールは、スタイルを表示するだけでなく、また、「Go」機能があり、CSSルールで使用されている要素にすぐにジャンプできますこれにより、適切なセレクタを見つける時間を大幅に節約できます。

3.美化

クリーンなコードが好きなら、きっと気に入るはずBeautifyです。

BeautifyサポートJavaScriptHTMLCSSSassJSON

この拡張機能の最大の利点は、インデントのサイズやファイルを改行で終了するかどうかなど、すべてのオプションを完全にカスタマイズできることです。いくつかのプログラミング言語でコードを書く場合Beautifyは、カバーできます。各プログラミング言語のオプションをカスタマイズできます。

この拡張ツールは500W以上ダウンロードされ、インストールされている最も人気のある拡張ツールの上位20位にランクインしています。

4.タグの自動名前変更

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

開始ラベルの最後にかっこを入力する場合は、自動的に終了タグを追加しAuto Close Tagます。展開ツールを確認する必要がありますこれらの2つの拡張機能をインストールすると非常に便利で、より効率的で一貫した方法で書くことができますHTML

5. Quokka.js

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

これは素晴らしいです!

6.ナイトフクロウ

素晴らしいテーマがなければ、VS Codeを最適化することの価値は何ですか?それほどではないですよね?VS Codeに多くの時間を費やしているので、テーマをインストールして、見栄えを良くすることをお勧めします。

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

あなたが気に入らない場合Night Owlアムウェイに関するトピック、: 、、Pink Cat BooPanda SyntaxMini Dark これらの色のテーマは、〜も非常にいいですGatito ThemeOne Monokai

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

紹介する最後の拡張ツールは、JavaScript (ES6) code snippets拡張可能なツールです。拡張ツールには、ES6コードスニペットを生成するための複数のコードスニペットがあります。
たとえば、clgと入力し、Enterキーを押して、console.logを取得します。すべてのコードスニペットに慣れるまでしばらく時間がかかる場合がありますが、習得すれば、ES6コードをすばやく入力できます

8. TabNine

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


交換留学

  • パブリックアカウント[フロントエンドユニバース]をフォローして、毎日良い記事の推奨事項を入手してください

  • WeChatを追加し、グループに参加してコミュニケーションする


「監視と転送」が最大のサポート

おすすめ

転載: blog.csdn.net/liuyan19891230/article/details/108067745