15 個の実用的な VSCode プラグインを共有し、集めてください。

推奨学習:「vscode チュートリアル 」

Visual Studio Code は、Microsoft が開発した無料のクロスプラットフォーム テキスト エディターです。優れたパフォーマンスと豊富な機能を備えています。 VSCode には拡張機能とテーマ マーケットもあります。ダウンロードする価値のあるプラグインを選択できるように、実用的で興味深いプラグインをいくつか集めて共有します。

1. ブラウザで開く

VSCode はブラウザで直接開くことができないため、ファイル用の組み込みインターフェース。このプラグインは、クライアント (Firefox、Chrome、##) だけでなく、ショートカット メニューのデフォルトのブラウザでもファイルを表示するオプションを追加します。 #IE ) をクリックして、コマンド パネル オプションを開きます。

2. Quokka

Quokka は、コードに基づいてリアルタイムのフィードバックを提供するデバッグ ツール プラグインです。書き込み。設定が簡単で、関数や変数の計算値の結果をプレビューする機能を提供します。さらに、 JSX または TypeScript を使用するプロジェクトでは、そのまま使用できます。

3. Faker

人気のある

JavaScript ライブラリ – Faker を使用します。これは、ユースケース データを迅速に挿入するのに役立ちます。 Faker は、名前、住所、画像、電話番号、または古典的なランダムな偽の段落をランダムに生成でき、各カテゴリにはさまざまなサブカテゴリも含まれており、必要に応じてこれらのデータを使用できます。

4. CSS Peek

このプラグインを使用すると、スタイル内の

CSS クラスをトレースできます。シートと ID が定義されている場所。 HTML ファイル内のセレクターを右クリックし、[定義に移動して定義を表示] オプションを選択すると、スタイル設定用の CSS コードが送信されます。

5. HTML ボイラープレート

HTML ボイラープレート プラグインを使用すると、ヘッダーやヘッダーを書き直す必要がなくなります。新しい HTML ファイル body タグの問題。空のファイルに「html」と入力し、Tab キーを押すだけで、きれいな文書構造が生成されます。

6. Prettier

Prettier は現在、Web 開発で最も人気のあるコード フォーマッタです。このプラグインをインストールすると、Prettier が自動的に適用され、JS および CSS ドキュメント全体が統一されたコード スタイルにすばやくフォーマットされます。それでも ESLint を使用したい場合は、Prettier – Eslint プラグインがありますので、お見逃しなく

7. カラー情報

##この便利なプラグインは、CSS で使用する色に関する関連情報を提供します。カラーの上にカーソルを置くだけで、カラー ブロック内のカラー モデル (HEX、RGB、HSL、CMYK) 情報をプレビューできます。

8. SVG Viewer

このプラグインは、Visual Studio

コード ## に多くの実用的な を追加します。 SVG エディターを離れることなく SVG ファイルを開いて表示できるようにするプログラム。また、PNG 形式に変換し、データ URI パターンを生成するオプションも含まれています。

9. TODO ハイライト

このプラグインは、コード内のすべての TODO コメントをマークして、すべての TODO コメントを追跡しやすくします。未完の仕事。デフォルトでは、

TODO

および FIXME キーワードが検索されます。もちろん、カスタム式を追加することもできます。

10. アイコンフォント

プロジェクトにアイコンフォントを追加できるプラグインです。このプラグインは、

Font Awesome

、Ionicons、Glyphicons、マテリアル デザイン アイコンなど、20 を超える人気のあるアイコン セットをサポートしています。

11. 縮小

これは、JavaScript ファイルと CSS ファイルを圧縮および結合するためのアプリケーションです。カスタマイズ可能な設定が多数用意されているほか、自動的に圧縮して保存し、.min ファイルにエクスポートするオプションも提供されます。 uglify-js、clean-css 、 html-minifier、および JavaScript、CSS を渡すことができます。 HTML で動作します。

12. 大文字と小文字を変更する

VSCode にはすぐに使えるテキスト変換オプションが組み込まれていますが、変換できるのはテキストのみです大文字と小文字の変換。このプラグインは、キャメルケースの命名、アンダースコアで区切られた命名、snake_case の命名、CONST_CAS の命名など、テキストを変更するための命名形式をさらに追加します。

13. Regex Previewer

これは、正規表現をリアルタイムでテストするための実用的なツールです。開いているファイルに正規表現パターンを適用し、一致するものをすべて強調表示します。

14. 言語およびフレームワーク パック

VSCode はデフォルトで多数の主流プログラミング言語をサポートしていますが、使用しているプログラミング言語は含まれていませんが、拡張パックをダウンロードすることで自動的に追加することもできます。同時に、 React Native や Vue など、関連する Web 開発プラグイン パッケージを追加することもできます。

15. テーマ

もちろん、数多くの実用的なプラグインの中に、美しいテーマがないわけがありません。 VSCode エディターは毎日使用するものなので、見た目をもっと美しくしたいのはなぜでしょうか。サイドバーやアイコンの配色を変更して共有するのに役立つテーマをいくつか紹介します。

• 1 つの Monokai

• Aglia

• 1 つダーク

• マテリアル アイコン

プログラミング関連の知識については、プログラミング ビデオをご覧ください。 ！

以上が15 個の実用的な VSCode プラグインを共有し、集めてください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。