ホームページ >開発ツール >VSCode >vscode で一般的に使用される 36 個のフロントエンド プラグインを検索して直接ダウンロードしてください。

vscode で一般的に使用される 36 個のフロントエンド プラグインを検索して直接ダウンロードしてください。

青灯夜游
青灯夜游転載
2021-08-19 10:47:505611ブラウズ

vscode で一般的に使用される 36 個のフロントエンド プラグインを検索して直接ダウンロードしてください。

空き時間を利用して、一般的に使用される vscode プラグインを整理しておきます。これにより、後でコンピューターを変更するときに検索して再度ダウンロードする必要がなくなります。 。 必要な生徒はまず保存して、後で新しいプラグインを入手した場合は引き続き更新していきます。 [推奨学習: "vscode チュートリアル "]

1. インデント - レインボー

インデントに色を付ける

2. マテリアル アイコンのテーマ

##見栄えの良いファイル アイコン

3. 美化

##コードの書式設定

#4. パワーモード

クールなキーボードタッピングエフェクト

5. Vetur

強力な vue 開発支援ツール

6. vscode-fileheader

ファイルヘッダーのアノテーション情報

7. Vue CSS Peek

CSS 変換を提供します単一ページの vue ファイルの定義サポート##8. Vue Peek

コンポーネントをクリックしてコンポーネント定義ファイルにジャンプします

9. Vue VSCode スニペット

Vue の一部のデータ、メソッド、その他の関数はプロンプトを自動的に完了して、迅速なコード作成を容易にします;

10. Little Overlord

vscodeでプレイできるスーパーマリオ

11. 翻訳します。選択部分の上にマウスを数秒間押し続けると、翻訳されたコンテンツが表示されます。

12. filesize

現在のファイル サイズをステータス バーに表示します。

13. TabNine

Al 補助コード補完アーティファクト。これまでに記述したコーディング習慣に基づいて、適切なフィールドが一致します。

14. 自動終了タグ

自動終了タグ

15. 自動インポート

自動インポートモジュール

16. タグの自動名前変更

タグ名変更時のタグ名の自動変更を終了します

17. Quokka

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

18. CSS Peek

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

19. HTML ボイラープレート

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

20. コメントの改善

カラフルなコメントを追加してコードを改善し、より魅力的なものにします。

21. エラーレンズ

エディタによって診断された警告、エラー、構文上の問題 (プロンプトの波線) などは、行の背景に色で塗りつぶされます。プロンプトを強調表示し、最後に診断情報を表示します。

22. Prettier

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

23. カラー ハイライト

一般的に使用されるコード ハイライト プラグイン

24. カラー ピッカー

カラーピッカー

25. Git Blame

そのコードを書いた人を見つけることができます

26. ESLint

eslint プラグイン

27. TODO ハイライト

TODO ハイライト

28. 末尾のスペース

末尾のスペースを強調表示し、「スペース」に強迫性障害を表示させます

29. VS Code Counter

統計コード 総行数、コメント行、空白行の数、および使用されている言語。

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

一致するブラケットに色を付けます

31. コード スペル チェッカー

spellchecker 。たとえば、「バナナ」という単語のスペルを「banane」と間違えた場合、「banana」に変更するかどうかを尋ねるメッセージが表示され、チェッカーの辞書に「banane」を追加することもできます。

32. パス Intellisense

オートコンプリート ファイル名

33. Rainbow Fart

公式概要: VSCode Rainbow Fart は、プログラミング中に あなたの素晴らしさを褒め続けてくれる拡張機能です コードのキーワードをもとに、コードの意味に近い生の声を再生することができます。

34. any-rule

Du Niang の助けを借りずに、vscode で正規表現をすぐに使用できます。

35. ## Todo Tree

Todo TreeはToDoイベントを促すプラグインです先頭に//TODO##を追加します# # コメント全体が強調表示されます;

36. ## project-tree

プロジェクトを自動生成するプラグインです構造;

プログラミング関連の知識については、

プログラミング入門をご覧ください。 !

以上がvscode で一般的に使用される 36 個のフロントエンド プラグインを検索して直接ダウンロードしてください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事は掘金--枫913で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。