ホームページ > 開発ツール > VSCode > 共有する 19 個の実用的な vscode 開発プラグイン

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

青灯夜游
リリース: 2022-09-19 20:14:03
転載
3763 人が閲覧しました

労働者が仕事をうまくやりたいなら、まず道具を研ぐ必要があります。この記事では、私が開発で使用している 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート