VSCode での日常の開発に推奨されるプラグイン-VSCode-php.cn

VSCode での日常の開発に推奨されるプラグイン

Visual Studio Code は軽量かつ強力なソースコードエディターです。軽量レベルとは、次のことを指します。ダウンロードした Vs Code は、実は単なるエディタです。Power とは、多言語に対応したプラグイン環境の拡張を指します。このプラグイン導入環境の開発をサポートするからこそ、Vs Code は開発言語となったのです。複数言語の開発を同時にサポートすることが可能です。

ことわざにあるように、優秀な労働者が自分の仕事をうまくやりたいなら、まず自分のツールを研ぎ澄まさなければなりません。古い Vs Code ユーザーとして、いくつかの便利なプラグインをインストールすると、日々の作業が大幅に改善されると思います。開発効率. 以下をお勧めしますこれらは私が日々の開発で頻繁に使用しており、良いと感じているいくつかのプラグインであり、継続的に更新されます. ここで言及していない良いプラグインがあると思われる場合は、このままにしておいても構いません以下にメッセージをいただければ追加させていただきます。

Vs Code関連リンクアドレス：

Vs Code公式サイトアドレス：

https://code .visualstudio.com/

Vs Code GitHub ソースコードアドレス:

https://github.com/Microsoft/vscode

Vs コードプラグインマーケットアドレス:

https://marketplace.visualstudio.com/

Vs コード拡張プラグインのインストール:

ショートカットキー: Ctrl Shift X を押して拡張パネルに入り、アプリストアのテキストボックスで拡張機能を検索します。

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

拡張機能名: Visual Studio Code の中国語 (簡体字) 言語パック

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode- language-pack-zh-hans

拡張子の説明: この中国語(簡略化された) 言語パックは、VS Code のローカライズされたインターフェイスを提供します。

Beautify VS Code コード:

拡張機能名: Beautify

プラグインマーケットアドレス: https: / /marketplace.visualstudio.com/items?itemName=HookyQR.beautify

拡張子の説明: Beautifyjavascript,JSON,CSS,Sass、および Visual Studio Code の HTML。

Visual Studio コードアイコン:

拡張機能名: vscode-icons

プラグインマーケットアドレス: https:/ /marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

拡張機能の説明: vscode-icons は、フォルダーやファイルに快適なアイコンを追加するだけでなく、アイテムを自動的に検出することもできます。 git、Markdown、設定項目、ツールクラスなど、プロジェクトのさまざまな機能に応じてアイコンが提供されます。

終了タグを自動的に追加します:

拡張機能名: 自動終了タグ

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

拡張説明: Visual Studio IDE または Sublime Text と同様に、HTML/XML 終了タグを自動的に追加します (小規模の場合)フロントエンド開発者) パートナーは非常に役立ちます)。

Vs Code 最高のコードコメント拡張プラグイン:

拡張機能名: Better Comments

プラグインマーケットアドレス: https:// marketplace.visualstudio .com/items?itemName=aaron-bond.better-comments

拡張機能の説明: Better Comments 拡張機能は、コード内でよりユーザーフレンドリーなコメントを作成するのに役立ちます。この拡張機能を使用すると、コメントをアラート、クエリ、To-do、ハイライトに分類できます。コメントアウトされたコードには、コードが存在しないようにスタイルを設定することもでき、設定で他のコメントスタイルを指定することもできます。

#JavaScript コードの問題を見つけて修正する:

拡張機能名:

ESLint

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

詳細説明: ESLint はコード仕様およびエラーチェックツールです次の機能があります。

1. すべてがプラグイン可能です。任意のルール API またはフォーマッタ API を呼び出して、ルールまたはフォーマッタをパッケージ化または定義できます。

2. どのルールも独立しています
3. 特定のコーディングスタイルはなく、自分で設定できます

ESLint 構成の詳細: https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase& Depth_1-utm_source=distribute.pc_relevant.none -task-blog-BlogCommendFromMachineLearnPai2-3.nonecase

使いやすい Git ソースコード管理プラグイン GitLens in Vs コード:

拡張機能名: GitLens

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

拡張機能の説明: GitLens には、Visual Studio Code Git に組み込む機能があります。 Git 責任コメントとコードレンズを使用してコードの作成者を一目で確認したり、Git リポジトリをシームレスに移動して参照したり、強力な比較コマンドで貴重な洞察を得ることができます。

Vs Code ソースコード管理プラグイン GitLens 使用ガイド: https://www.jianshu.com/p/95a1a06ac0fb

Git履歴ビュー:

拡張機能名: Git History

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=donjayamanne .githistory

拡張説明: Git 履歴、検索など (git ログを含む)。

フローチャートアーティファクト - Drawio:

拡張機能名: Drawio Preview

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview

詳細説明: Vs Code で図面ファイルをプレビューします。

VS コードでの Drawio の使用: https://blog.csdn.net/huanglin6/article/details/106239570

モジュールパスの自動補完をインポートして要求する:

拡張機能名: Path Intellisense

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

拡張機能の説明 : エディターに対応するファイルのパスを入力すると、自動的に完成します (モジュールのインポート/要求時に非常に便利で使いやすい)。

Vue 開発に必須 - Vetur (VS Code 用の Vue ツール):

拡張機能名: Vetur

プラグインマーケットアドレス: https: //marketplace.visualstudio.com/items?itemName=octref.vetur

拡張機能の説明:Vue の多機能統合プラグイン。これには、構文の強調表示、スマートプロンプト、emmet、エラープロンプト、書式設定、自動完了、デバッガ。 vscode は正式に指定した Vue プラグインであり、Vue 開発者にとって必須のプラグインです。

Vue 開発者がより効率的な Element-UI コードを作成できるように支援します:

拡張機能名: vscode-element-helper

プラグインマーケットアドレス: https ://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper

拡張機能の説明: VSCode-Element-Helper は、Element-UI 用の VS Code 拡張機能であり、優れたライブラリです。これを使用するプロジェクトが増えています。したがって、開発者が Element-UI を通じてより効率的なコードを作成できるようにするためです。

Vue VSCode スニペット:

拡張機能名: Vue VSCode スニペット

プラグインマーケットアドレス: https://marketplace.visualstudio.com/ items? itemName=sdras.vue-vscode-snippets

拡張機能の説明: Vue 構文スニペット拡張機能。

Vs コードは C# 拡張機能を実行します:

拡張機能名: C

# プラグインマーケットアドレス: https://marketplace.visualstudio.com/ items? itemName=ms-dotnettools.csharp

拡張子の説明: .NET Core の軽量開発ツール。構文の強調表示、IntelliSense、定義への移動、すべての参照の検索などを含む強力な C# 編集サポート。 .NET Core (CoreCLR) のデバッグサポート。注: モノラルデバッグはサポートされていません。デスクトップ CLR デバッグのサポートが利用可能です。限界。 Project.json プロジェクトと csproj プロジェクトは、Windows、macOS、Linux でサポートされています。

Vs Code を使用して .NET Core を開発するこのブログを参照してください: https://www.cnblogs.com/yilezhu/p/9926078.html

Angular Development Essentials- VS Code の Angular TypeScript コードスニペット:

拡張機能名: Angular Snippets (バージョン 9)

プラグインマーケットアドレス: https:// Marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

拡張機能の説明: Visual Studio Code のこの拡張機能は、TypeScript と HTML の Angular コードスニペットを追加します。

Vs Code Chrome デバッガー:

拡張機能名: Debugger for Chrome

プラグインマーケットアドレス: https://marketplace.visualstudio.com / items?itemName=msjsdiag.debugger-for-chrome

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

Vs コードコードランナー:

拡張機能名: Code Runner

プラグインマーケットアドレス: https://marketplace.visualstudio.com/ items ?itemName=formulahendry.code-runner

拡張説明: コードスニペットまたはコードファイルを複数の言語で実行します。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 スクリプト、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、およびカスタムコマンド。

全言語自動補完プログラム - TabNine:

拡張機能名: TabNine

プラグインマーケットアドレス: https://marketplace.visualstudio. com/ items?itemName=TabNine.tabnine-vscode

詳細説明: これは、TabNine の VS Code クライアント (すべての言語のオートコンプリーター) です。プロジェクト全体にインデックスを付けるには、.gitignore を読んでどのファイルにインデックスを付けるかを決定します。ニーモニック補完エンジンを使用すると、わずか数回のキーストロークで長い変数名を入力できます。ゼロ構成。 TabNine は箱から出してすぐに機能します。高速な応答時間: 提案のリストは通常 10 ミリ秒未満で生成されます。

詳細な紹介: https://zhuanlan.zhihu.com/p/73811872

Visual Studio コードのアイコンフォント:

拡張機能名:アイコンフォント

プラグインマーケットアドレス: https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts

詳細説明: アイコンフォントはツールですCode アイコンとフォント略語用の VS Plug-in を提供します。目立たないように見えますが、フロントエンド開発においては、このツールを使用することで開発効率が大幅に向上します。いくつかの省略形を使用すると、アイコンフォントに関連するコードスニペットを迅速に完成させることができ、手動入力コンテンツの 80% 以上を削減できます。アイコンフォントは、html、css、less、sass、scss、stylus、jsx、blade、vue をサポートしています。