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

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

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

##関連の推奨: 「

vscode 基本チュートリアル

」

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

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

1. マテリアル テーマ

ダウンロード数: 130 万件

Visual Studio Code の最古のテーマ!

2. 自動インポート

ダウンロード数: 460,000

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

#3. インポート費用

ダウンロード: 410,000

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

Indent-Rainbow

ダウンロード数: 130,000

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

4. HTML 内の IntelliSense for CSS クラス名

ダウンロード: 243 万件

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

link

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

5. SVG Viewer

ダウンロード数: 290,000

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

#6. Prettier

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

7、React Native ツール

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

8、Sublime Text Keymap と設定インポーター

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

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

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

> 記号を追加すると、ファイルを開くなどのアクションも検索できます。内蔵ターミナル、プラグインのインストールなど。

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

9. npm Intellisense

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

10、lit-html

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

12.highlight-matching-tag

ダウンロード: 60,000

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

13. GitLens

ダウンロード: 772 万件

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

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

ダウンロード: 370,000

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

15. Git 履歴

ダウンロード: 332 万

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

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

ダウンロード: 80,000

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

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

ダウンロード数: 228 万件

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

18. カラー ハイライト

ダウンロード数: 250,000

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

19、CSS ピーク

ダウンロード: 230,000

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

20. Chrome 用デバッガー

ダウンロード数: 1111 万件

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

21. Quokka.js

ダウンロード: 172 万件

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

22. 末尾のスペース

ダウンロード: 70,000

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

#23. TypeScript Hero

ダウンロード数: 720,000

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

24、WakaTime

ダウンロード: 240,000

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

25、Vetur

ダウンロード数: 451 万件

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

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.

#27、PHP IntelliSense

ダウンロード数: 415 万

##28、vscode-アイコン

ダウンロード数: 799 万件

アイコン集。

29、Jest

ダウンロード数: 290,000

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

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

ダウンロード数: 590,000

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

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

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

プログラミング学習 Web サイト

をご覧ください。 ！

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