作成者の承認後に中国語に翻訳された元のリンク: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
サポートJavaScript
、HTML
、CSS
、Sass
とJSON
。
この拡張機能の最大の利点は、インデントのサイズやファイルを改行で終了するかどうかなど、すべてのオプションを完全にカスタマイズできることです。いくつかのプログラミング言語でコードを書く場合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 Boo
、 Panda Syntax
、、Mini Dark
これらの色のテーマは、〜も非常にいいですGatito Theme
One Monokai
7. JavaScript(ES6)コードスニペット
紹介する最後の拡張ツールは、JavaScript (ES6) code snippets
拡張可能なツールです。拡張ツールには、ES6コードスニペットを生成するための複数のコードスニペットがあります。
たとえば、clgと入力し、Enterキーを押して、console.logを取得します。すべてのコードスニペットに慣れるまでしばらく時間がかかる場合がありますが、習得すれば、ES6コードをすばやく入力できます
8. TabNine
TabNine
これは、私が今まで使った中で最高のコード補完ツールです。TabNine
人工知能ベースのコード自動補完ツールです。TabNineは、自動補完中の各候補の確率を与え、確率に従って並べ替えます。 、候補のソースとアドレスが表示され、クエリと読み取りが容易になります。30W以上のダウンロードがありました。
交換留学
パブリックアカウント[フロントエンドユニバース]をフォローして、毎日良い記事の推奨事項を入手してください
WeChatを追加し、グループに参加してコミュニケーションする
「監視と転送」が最大のサポート