この記事では、開発者が開発効率や見た目などを向上させるのに役立つ、VSCode の実用的なプラグインをいくつかまとめています。皆さんのお役に立てれば幸いです。
vscode 入門チュートリアル 」]
1. 必須のプラグイン
中国語 (中文)
#インストール後、ショートカット キー Ctrl Shift P を押して、
configure language
# と入力します。
##Settings Sync (構成のクラウドへの同期)
を使用すると、vscode 構成をクラウドに同期できます。コンピューターを変更したり、vscode を再度インストールしたりすると、アカウントにログインして同時に設定するだけで済みます
##wakatime (プログラミング時間と行動追跡統計)
# プログラミング時間と動作追跡統計
HTML スニペット (コード プロンプト)
HTML コード スニペット。このプラグインは、山かっこを入力せずに HTML タグのコード ヒントを提供します。
自動終了タグ（タグを自動的に閉じる）
##ブラケット ペア カラーライザー (ブラケットは色の区別に使用されます)
括弧は色の区別に使用されます"workbench.colorCustomizations": {"editorIndentGuide.activeBackground": "#00ffea"}
ブラウザ プレビュー (VSCode でブラウザを開きます)
#REST クライアント (インターフェースのデバッグ)
インターフェースを実行できますvscode でのデバッグが提供されます。豊富な API 構成メソッドを使用すると、エディターを離れることなく、いつでもインターフェイスのデバッグを呼び出すことができます。
新しい .http ファイルを作成し、基本的なテスト コードを記述し、[リクエストの送信] をクリックしてインターフェイスを表示します。右側のウィンドウに結果が表示されます。非常に便利です
##CSS Peek (CSS スタイル ビューア)
##部分差分 (ファイル比較)
ファイル比較
Npm Intellisense (インポート ステートメント内の npm モジュールを自動的に完了します)
ブラウザで開く (HTML ファイルをブラウザ プレビューにすばやく開く)
HTML ファイルをブラウザ プレビューにすばやく開きますPath Intellisense (ファイルの迅速なインポート)
ファイル パスを自動的に表示し、さまざまな迅速なインポート ファイルをサポートします画像プレビュー (プレビュー画像)
リンクの上にマウスを置くと、リアルタイムで画像をプレビューできます3. Git 統合
GitHub プル リクエスト (表示) GitHub のプル リクエストと問題を管理する)
Visual Studio Code で GitHub のプル リクエストと問題を表示および管理するGit Graph（Git 图形化显示和操作）
GitLens（快速查看更改行或代码块的对象）
GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象
GitHistory（可查看和搜索git日志以及图形和详细信息）
GitHistory可查看和搜索git日志以及图形和详细信息，同时还支持分支比较，分支管理等操作
四、美化
（黑白两款皮肤）
vscode-icons（漂亮的目录树图标主题）
提供了非常漂亮的目录树图标主题
Beautify（右键鼠标一键格式化）
在代码文件右键鼠标一键格式化 html，js，css
Vetur（官方钦定Vue插件）
VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能
代码风格规范类插件
Better Align（代码优雅排版）
代码优雅排版
选中代码配合组合键[Ctrl+Shift+p]，输入Align即可
Better Comments（丰富注释颜色）
丰富注释颜色
自定义样式，需要写入配置代码
配置代码
"better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }]
使用// * 绿色的高亮注释复制代码TODO Tree
五、代码规范
change-case（变量命名规范）
变量命名规范
JavaScript Booster（代码改进）
会提示对应的不合理原因和改进方案
JavaScript (ES6) code snippets（智能提示与快速输入）
ES6语法智能提示，以及快速输入
ESlint（严谨的规范书写）
规范js代码书写规则，如果觉得太过严谨，可自定义规则
TSLint（书写规范）
ts的书写规范，这个插件是一个系列，同时还提供了TSLint (deprecated)，TSLint Vue，TSLint Vue-TSX
Code Spell Checker（拼写检查程序）
是拼写检查程序，检查不常见的单词，如果单词拼写错误，会给出警告提示
koroFileHeader（生成文件头部注释和函数注释）
在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！
不光如此，还能生成一些特别有意思的注释，比如这一条喷火龙...
六、装X神器
Markdown All in One（书写Markdown）
可以在vscode里面快乐的书写Markdown，功能强大。丰富的快捷键，边写边看，轻松转化为html或pdf文件
vscode-drawio（画流程图）
可以在vscode里面快乐的画流程图，新建 .drawio 后缀文件并拖入vscode中
Polacode-2020（转化成一张逼格满满的图片）
可以将我们的代码转化成一张逼格满满的图片
Live Share（与他人实时进行协作式编辑和调试）
这款神器可以使您能够与他人实时进行协作式编辑和调试
更多关于VSCode的相关知识，请访问：vscode教程！
以上が【嘔吐血まとめ】開発効率の向上に役立つVSCode用の最も包括的で実用的なプラグイン！の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
Visual Studio Professional and Enterprise：有料バージョンと機能May 10, 2025 am 12:20 AMVisualStuprofessionalとEnterpriseの違いは、機能性とターゲットユーザーグループにあります。プロフェッショナルバージョンはプロの開発者に適しており、コード分析などの機能を提供します。エンタープライズバージョンは大規模なチーム向けであり、テスト管理などの高度なツールを追加しました。
Visual StudioとVSコードの選択：あなたに適したツールMay 09, 2025 am 12:21 AMVisualStudioは大規模なプロジェクトに適しており、VSCODEはあらゆるサイズのプロジェクトに適しています。 1. VisualStudioは、包括的なIDE関数を提供し、複数の言語、統合されたデバッグおよびテストツールをサポートします。 2.VSCODEは、拡張機能を介して複数の言語をサポートする軽量エディターであり、シンプルなインターフェイスと高速スタートアップを備えています。
Visual Studio：開発者向けの強力なツールMay 08, 2025 am 12:19 AMVisualStudioは、Microsoftが開発した強力なIDEであり、複数のプログラミング言語とプラットフォームをサポートしています。そのコアの利点には、1。インテリジェントコードプロンプトとデバッグ機能、2。統合開発、デバッグ、テスト、バージョン制御、3。プラグインを介した拡張機能、4。
Visual Studio Vs. VSコード：価格設定、ライセンス、および可用性May 07, 2025 am 12:11 AMVisualStudioとVSCodeの価格設定、ライセンス、および可用性の違いは次のとおりです。1。価格設定：VSCODEは完全に無料ですが、VisualStudioは無料のコミュニティと有料のエンタープライズバージョンを提供します。 2。ライセンス：VSCODEは柔軟なMITライセンスを使用し、VisualStudioのライセンスはバージョンによって異なります。 3。ユーザビリティ：VSCODEはプラットフォーム間でサポートされていますが、VisualStudioはWindowsで最高のパフォーマンスを発揮します。
ビジュアルスタジオ：コードから制作までMay 06, 2025 am 12:10 AMVisualStudioは、コードライティングから生産展開までのプロセス全体をサポートしています。 1）コード書き込み：インテリジェントなコードの完了と再構成関数を提供します。 2）デバッグとテスト：強力なデバッグツールとユニットテストフレームワークを統合します。 3）バージョン制御：GITとシームレスに統合して、コード管理を簡素化します。 4）展開とリリース：複数の展開オプションをサポートして、アプリケーションリリースプロセスを簡素化します。
Visual Studio：ライセンスの状況を見てくださいMay 05, 2025 am 12:17 AMVisualStudioは、コミュニティ、専門家、企業の3つのライセンスタイプを提供します。 Community Editionは無料で、個々の開発者や小規模チームに適しています。 Professional Editionは毎年登録されており、より多くの機能を必要とするプロの開発者に適しています。エンタープライズエディションは最高の価格であり、大規模なチームや企業に適しています。ライセンスを選択するときは、プロジェクトの規模、予算、チームワークのニーズを考慮する必要があります。
究極の対決：Visual Studio vs. VSコードMay 04, 2025 am 12:01 AMVisualStudioは大規模なプロジェクト開発に適していますが、VSCODEはあらゆるサイズのプロジェクトに適しています。 1. VisualStudioは、統合デバッガー、バージョン制御、テストツールなどの包括的な開発ツールを提供します。 2.VSCODEは、スケーラビリティ、クロスプラットフォーム、高速発射で知られており、高速編集および小規模プロジェクト開発に適しています。
Visual Studio Vs. VSコード：2つのIDEの比較May 03, 2025 am 12:04 AMVisualStudioは大規模なプロジェクトやWindows開発に適していますが、VSCODEはクロスプラットフォームおよび小規模プロジェクトに適しています。 1. VisualStudioは、フル機能のIDEを提供し、.NETフレームワークと強力なデバッグツールをサポートします。 2.VSCODEは、柔軟性と拡張性を強調する軽量エディターであり、さまざまな開発シナリオに適しています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
メモ帳++7.3.1
使いやすく無料のコードエディター
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
