目次
1:中国語 (簡体字) 言語パック中国語言語プラグイン
2: コード ランナー コード ランナー
3: Chrome VScode 用デバッガー - Chrome デバッガー
#4: Debugger for Firefox Firefox ブラウザ デバッガ
5: ESLint js コード検出プラグイン
##6: filesize\
7:HTML 内の CSS クラス名の IntelliSense
#8:マテリアル アイコン テーマ
12: PHP Intelephense
16: vscode-icons
17: Path Intellisense
18: PHP Extension Pack
19: PHP 名前空間リゾルバー
ホームページ 開発ツール VSCode 共有する 19 個の実用的な vscode 開発プラグイン

共有する 19 個の実用的な vscode 開発プラグイン

Aug 18, 2022 pm 08:43 PM
vscode

労働者が仕事をうまくやりたいなら、まず道具を研ぐ必要があります。この記事では、私が開発で使用している 19 個の vscode プラグインを要約して共有します。

共有する 19 個の実用的な vscode 開発プラグイン

1:中国語 (簡体字) 言語パック中国語言語プラグイン

VS Code 用中国語 (簡体字) 言語パック

この中国語 (簡体字) 言語パックは、VS Code のローカライズされたインターフェイスを提供します。 [推奨学習: "vscode 入門チュートリアル "]

私のような平均的な英語を話す人にとって、このプラグインは非常に使いやすいです。

共有する 19 個の実用的な vscode 開発プラグイン

2: コード ランナー コード ランナー

コード スニペットまたはコード ファイルを複数の言語で実行します: 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、Scheme、AutoHotkey、AutoIt、Kotlin、Dart、Free Pascal 、Haskell、Nim、D、Lisp、Kit、V、SCSS、Sass、CUDA、カスタム コマンド

共有する 19 個の実用的な vscode 開発プラグイン

これは現時点では正しいですが、まだあまり役に立っていません。

3: Chrome VScode 用デバッガー - Chrome デバッガー

VS Google Chrome ブラウザーまたは Chrome DevTools プロトコル JavaScript コードをサポートするその他のターゲットでデバッグするためのコード拡張機能。

つまり、これは中断できるということです。 PHP デバッグをインストールした後、PHP をデバッグできるようになります。

共有する 19 個の実用的な vscode 開発プラグイン

#4: Debugger for Firefox Firefox ブラウザ デバッガ

同上、Google Chrome プラグと同じ機能を持ちます。 -で。

共有する 19 個の実用的な vscode 開発プラグイン

5: ESLint js コード検出プラグイン

ESlint はネイティブの js プロンプトを引き継ぎ、プロンプト ルールをカスタマイズできます。

共有する 19 個の実用的な vscode 開発プラグイン

##6: filesize\

ファイル サイズを左下隅に表示するプラグイン

共有する 19 個の実用的な vscode 開発プラグイン

7:HTML 内の CSS クラス名の IntelliSense

# は、HTML 内の CSS クラス名のインテリジェントな検出に使用されます。

共有する 19 個の実用的な vscode 開発プラグイン

#8:マテリアル アイコン テーマ

これは、ファイルやフォルダーの種類ごとに異なるアイコンを設定するアイコン ライブラリです。

共有する 19 個の実用的な vscode 開発プラグイン

#9: ブラウザで開く

フロントエンド HTML ファイルをデバッグするためにブラウザでファイルを開きます

共有する 19 個の実用的な vscode 開発プラグイン

9-共有する 19 個の実用的な vscode 開発プラグイン

10: 部分的な差分

ファイル内、異なるファイル間、またはファイル上のテキストを比較できます。クリップボード選択(差分)。

マルチカーソルテキスト選択。

相違点のノイズを減らすためのユーザー定義のテキスト正規化ルール (タブをスペースに置き換えるなど)。

ユーザー定義のテキスト正規化ルールは、構成から削除せずにオフにすることができます。

1 つのアクションで 2 つの表示可能なエディター (タブなど) のテキストを比較します。

共有する 19 個の実用的な vscode 開発プラグイン

11: PHP デバッグ

PHPxdebug プラグインのサポート。機能を実現するには、ローカルの PHP 環境に xdebug をインストールする必要があります。このプラグイン。

PHP ブレークポイント デバッグ コードに使用されます。

1共有する 19 個の実用的な vscode 開発プラグイン

12: PHP Intelephense

PHP コード プロンプト ツール、支払いコード プロンプト、検索定義、クラス検索、その他の機能は非常に強力です。

PHP Intelephense プラグインをダウンロードします。これには、PHP バージョンが 7 以降である必要があり、PHP をシステム環境変数に追加します。

このプラグインはアーティファクトであるため、適切に使用する必要があります。主に、f12 は定義、つまり絶対的なアーティファクトになります。

1共有する 19 個の実用的な vscode 開発プラグイン

#13: PHP IntelliSense

PHP IntelliSense プラグイン。これもアーティファクトです。 PHP の高度なオートコンプリートとリファクタリングのサポート

これを使用する場合は、次のコードを settings.json

"php.validate.executablePath": "D:BtSoftphp72php.exe" に追加する必要があります。 ",

1共有する 19 個の実用的な vscode 開発プラグイン

14: Vue VSCode スニペット

VUE タグを入力すると、コードが自動的に完成します。これは開発効率を向上させるための絶対的な成果物です。

1共有する 19 個の実用的な vscode 開発プラグイン

#15: Vetur

Vscode は、構文の強調表示、フラグメント、Emmet、並べ替え/エラー チェック、書式設定を含む VUE を完全にサポートしています。 、オートコンプリート、デバッグ、VTI/CLI

1共有する 19 個の実用的な vscode 開発プラグイン

16: vscode-icons

Vscode のアイコン ライブラリ

1共有する 19 個の実用的な vscode 開発プラグイン

17: Path Intellisense

ファイル名を自動的に補完する Visual Studio Code プラグイン。

settings.json に追加する必要があります:

{ "typescript.suggest.paths": false }
ログイン後にコピー

1共有する 19 個の実用的な vscode 開発プラグイン

18: PHP Extension Pack

Visual に含まれていますStudio Code で PHP 開発を開始するための最も重要な拡張機能。

1共有する 19 個の実用的な vscode 開発プラグイン

19: PHP 名前空間リゾルバー

PHP 名前空間リゾルバーは、クラスをインポートおよび拡張できます。インポートされたクラスは、行の長さまたはアルファベット順に並べ替えることもできます。

1共有する 19 個の実用的な vscode 開発プラグイン

上記は基本的に vscode エディターにインストールされているすべてのプラグインですが、理解できない PHP デバッグを除いて、残りは非常に便利です。

VSCode の詳細については、vscode チュートリアル をご覧ください。

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 May 09, 2024 am 09:37 AM

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 Apr 23, 2024 pm 02:13 PM

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法

Vscode で Maude を記述する方法_Vscode で Maude を記述する方法 Vscode で Maude を記述する方法_Vscode で Maude を記述する方法 Apr 23, 2024 am 10:25 AM

Vscode で Maude を記述する方法_Vscode で Maude を記述する方法

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 Apr 23, 2024 pm 03:01 PM

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 May 09, 2024 am 09:52 AM

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 May 09, 2024 am 09:43 AM

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 May 09, 2024 am 10:30 AM

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル May 09, 2024 am 09:49 AM

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル

See all articles