検索
ホームページ開発ツールVSCode開発効率を向上させるために不可欠な VSCode プラグイン (共有)

この記事では、効率を向上させるためにいくつかの VSCode プラグインを推奨します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#Visual Studio Code プラグイン、効率向上に必須~

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

##関連の推奨: 「
vscode 基本チュートリアル

私たちの VSC (VSCode) は、5 つのレーザーを備えたユニコーンのようなものになります。以下は、私が毎日使用している非常に便利なプラグインのリストです。

VSC をまだ初めて使用する場合は、左側の下のボタンをクリックしてプラグインをインストールしてください。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)1. マテリアル テーマ

ダウンロード数: 130 万件

Visual Studio Code の最古のテーマ!

開発効率を向上させるために不可欠な VSCode プラグイン (共有)2. 自動インポート

ダウンロード数: 460,000

自動的に検索、分析し、コード補完を提供します。 TypeScript と TSX の場合、これは機能します。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)#3. インポート費用

ダウンロード: 410,000

プラグインはインポートを次の場所に表示します。行末 パッケージのサイズ。バンドル サイズを計算するために、プラグインは Webpack と babili-webpack-plugin を使用します。

Indent-Rainbow

ダウンロード数: 130,000

シンプルなプラグインを使用すると、配置をより読みやすくできます。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)4. HTML 内の IntelliSense for CSS クラス名

ダウンロード: 243 万件

プロジェクトに基づくこのスマート プラグインは、

link

タグを通じて参照される外部ファイルと HTML 内の CSS クラス名の補完を提供します。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)5. SVG Viewer

ダウンロード数: 290,000

SVG をプレビューするためのプラグイン。

#6. Prettier開発効率を向上させるために不可欠な VSCode プラグイン (共有)

ダウンロード数: 357 万このプラグインなしでは絶対に生きていけません。ワンクリックで JavaScript/TypeScript/CSS コードを美しくするために必要です。

7、React Native ツール開発効率を向上させるために不可欠な VSCode プラグイン (共有)

ダウンロード: 218 万件コード ヒント、デバッグ、統合 RN指示。

8、Sublime Text Keymap と設定インポーター開発効率を向上させるために不可欠な VSCode プラグイン (共有)

ダウンロード数: 760,000ダウンロードから来ています、見てください。多くの人が Sublime Text から移行したようです。

このプラグインは、Visual Studio コードのショートカット キー バインドを Sublime Text 3 と同じに変更します。 cmd P (Mac)、ctrl P (Windows) を試してください。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

ファイルにジャンプでき、検索の前に

>開発効率を向上させるために不可欠な VSCode プラグイン (共有) 記号を追加すると、ファイルを開くなどのアクションも検索できます。内蔵ターミナル、プラグインのインストールなど。

ST3 の使用に慣れている人にとって、これは大きな利点です。

9. npm Intellisense

ダウンロード数: 880,000VSCode プラグインは、import ステートメント内の npm モジュール名を自動的に補完できます。

10、lit-html開発効率を向上させるために不可欠な VSCode プラグイン (共有)

ダウンロード: 30,000JavaScript/TypeScript ファイル内 (HTML タグの場合)を使用すると、lit-html は構文の強調表示と対応する補完サポートを提供します。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

12.highlight-matching-tag

ダウンロード: 60,000

これは、VSCode によってデフォルトの関数で提供されるはずです一致するタグを強調表示します。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

13. GitLens

ダウンロード: 772 万件

何も言わずに、ただ写真をアップロードしてください!

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

14. Git プロジェクト マネージャー

ダウンロード: 370,000

Git プロジェクト マネージャーはいそれではあなたはGitベースで管理されているプロジェクトをワンクリックで直接検索して開くことができます。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

15. Git 履歴

ダウンロード: 332 万

git ログまたは Git 履歴を表示するために使用されます。ファイルの比較、異なるブランチの比較、コミット。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

16. ファイル ユーティリティ

ダウンロード: 80,000

では、より簡潔な方法が提供されます。ファイル/フォルダーの移動、名前変更、削除。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

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

ダウンロード数: 228 万件

コードに多数のコールバックがある場合この強調表示は、コードのさまざまなブロックをより適切に区別するのに役立ちます。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

18. カラー ハイライト

ダウンロード数: 250,000

定義した色を視覚的に表示します。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

19、CSS ピーク

ダウンロード: 230,000

CSS ID または then クラスを使用して見つけることができますその定義。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

20. Chrome 用デバッガー

ダウンロード数: 1111 万件

Chrome を使用して JavaScript コードをデバッグします。または Chrome デバッガー プロトコルをサポートする他のプラットフォーム。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

21. Quokka.js

ダウンロード: 172 万件

JavaScript コードをリアルタイムで実行します (実行します)速い デモは非常に便利です)。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

22. 末尾のスペース

ダウンロード: 70,000

これらの冗長なスペースを強調表示します。すぐに削除できます。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

#23. TypeScript Hero

ダウンロード数: 720,000

TypeScript プログラミングを支援する子供用シューズ!

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

24、WakaTime

ダウンロード: 240,000

使用習慣からデータ レポートを生成します。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

25、Vetur

ダウンロード数: 451 万件

VS Code の下にある Vue ツール! Pine Wu によって開発され、累計ダウンロード数は 400 万を超えています。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

26、コード ランナー

ダウンロード数: 346 万

複数言語でのコードの即時実行をサポートします。サポートされている言語: C、C、Java、JavaScript、PHP、Python、Perl、Perl 6、Ruby、Go、Lua、Groovy、PowerShell、BAT/CMD、BASH/SH、F# スクリプト、F# (.NET Core)、C# スクリプト、C# (.NET Core)、VBScript、TypeScript、CoffeeScript、Scala、Swift、Julia、Crystal、OCaml Script、R、AppleScript、Elixir、Visual Basic .NET、Clojure、Haxe、Objective-C、Rust、Racket、AutoHotkey、 AutoIt、Kotlin、Dart、Free Pascal、Haskell、Nim、D.

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

#27、PHP IntelliSense

ダウンロード数: 415 万

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

##28、vscode-アイコン

ダウンロード数: 799 万件

アイコン集。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

29、Jest

ダウンロード数: 290,000

Jest for Facebook をお楽しみください。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

30. React.js コード スニペット

ダウンロード数: 590,000

React.js を開発するには ES6 構文を使用すると非常に便利ですアプリケーション。

開発効率を向上させるために不可欠な VSCode プラグイン (共有)

英語 | https://blog.fundebug.com/2018/07/24/vs-extensions/

詳細についてプログラミング関連の知識をさらに知りたい場合は、
プログラミング学習 Web サイト

をご覧ください。 !

以上が開発効率を向上させるために不可欠な VSCode プラグイン (共有)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事はsegmentfaultで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
Visual Studio Vs. VSコード:機能と機能の探索Visual Studio Vs. VSコード:機能と機能の探索Apr 15, 2025 am 12:05 AM

VisualStudioは大規模なプロジェクトやフル機能のニーズに適していますが、VSCODEは軽量で柔軟性を必要とする開発に適しています。 1. VisualStudioは、包括的なIDE関数を提供し、複数の言語と高度なプロジェクト管理をサポートします。 2.VSCODEは、その軽量とスケーラビリティで知られており、クロスプラットフォームの開発とパーソナライズされた構成に適しています。

Visual Studio vs. VSコード:プロジェクトに適しているのはどれですか?Visual Studio vs. VSコード:プロジェクトに適しているのはどれですか?Apr 14, 2025 am 12:03 AM

VisualStudioは、強力なデバッグ機能を必要とする大規模なプロジェクトや開発シナリオに適していますが、VSCODEは柔軟性とクロスプラットフォーム開発を必要とするシナリオに適しています。 VisualStudioは、包括的な開発環境を提供し、.NET開発をサポートし、デバッグツールとプロジェクト管理機能を統合します。 VSCODEは、軽量で拡張性で知られています。複数のプログラミング言語をサポートし、プラグインシステムを介して機能を強化し、最新の開発プロセスに適しています。

Visual Studio:価格設定とライセンスオプションの探索Visual Studio:価格設定とライセンスオプションの探索Apr 13, 2025 am 12:03 AM

VisualStudioには3つのバージョンがあります:Community Free Editionは個人や小チーム向け、プロの有料版はプロの開発者と中小チーム向けであり、Enterprise Ultimate Editionは大企業と複雑なプロジェクト向けです。

Visual Studioの価値:その利点に対するコストを比較検討しますVisual Studioの価値:その利点に対するコストを比較検討しますApr 12, 2025 am 12:06 AM

VisualStudioは、強力で包括的であるため、.NET開発において非常に価値があります。高コストとリソースの消費にもかかわらず、それがもたらす効率の改善と開発の経験は重要です。コミュニティは、個々の開発者や小さなチームに最適です。大企業は、専門家や企業に適しています。

Visual Studioの可用性:どのエディションが無料ですか?Visual Studioの可用性:どのエディションが無料ですか?Apr 10, 2025 am 09:44 AM

VisualStudioの無料バージョンには、VisualStudioCommunityとVisualStudiocodeが含まれます。 1. VisualStudioCommunityは、個々の開発者、オープンソースプロジェクト、小規模チームに適しています。それは強力で、個々のプロジェクトや学習プログラミングに適しています。 2。VisualStudioCodeは、複数のプログラミング言語と拡張機能をサポートする軽量コードエディターです。スタートアップの速度と低いリソースの使用量が速いため、柔軟性とスケーラビリティが必要な開発者に適しています。

Windows 8用のVisual Studioをインストールする方法は?Windows 8用のVisual Studioをインストールする方法は?Apr 09, 2025 am 12:19 AM

Windows 8にVisualStudioをインストールする手順は次のとおりです。1。公式Microsoft WebサイトからVisualStudioCommunity2019インストールパッケージをダウンロードします。 2.インストーラーを実行し、必要なコンポーネントを選択します。 3.インストールが完了した後に使用できます。 Windows 8互換性のあるコンポーネントを選択し、十分なディスクスペースと管理者の権利があることを確認してください。

私のコンピュータはコードとコードを実行できますか?私のコンピュータはコードとコードを実行できますか?Apr 08, 2025 am 12:16 AM

VSCODEは、基本システムの要件が満たされている限り、ほとんどの最新のコンピューターで実行できます。1。オペレーティングシステム:Windows 7以降、MacOS 10.9以降、Linux。 2。プロセッサ:1.6GHz以下。 3。メモリ:少なくとも2GB RAM(4GB以上推奨); 4。ストレージスペース:少なくとも200MBの利用可能なスペース。設定を最適化し、拡張使用を削減することにより、低構成コンピューターでスムーズなユーザーエクスペリエンスを取得できます。

プログラムをWindows 8と互換性のあるものにするにはどうすればよいですか?プログラムをWindows 8と互換性のあるものにするにはどうすればよいですか?Apr 07, 2025 am 12:09 AM

Windows 8でプログラムをスムーズに実行するには、次の手順が必要です。1。互換性モードを使用して、コードを介してこのモードを検出して有効にします。 2. API呼び出しを調整し、Windowsバージョンに従って適切なAPIを選択します。 3.パフォーマンスの最適化を実行し、互換性モードの使用を避け、API呼び出しを最適化し、一般的なコントロールを使用してください。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール