上位 8 つの VSCode 拡張機能

Microsoft の VS (Visual Studio) Code は、最近人気が高まっている無料のオープンソース コード エディターです。非常に軽量で柔軟性がありながら、多くの強力な機能も提供します。 PHP、JavaScript、C など、最も一般的なプログラミング言語をサポートしています。

VS コードはクロスプラットフォームです。 Windows プラットフォームだけでなく、Linux および Mac バージョンも利用できます。ダウンロードアドレス: https://code.visualstudio.com/。

しかし、おそらく最も素晴らしい点は、VS Code が膨大な範囲の拡張機能を提供していることです。拡張機能ストアには、新しい言語のサポート、コードのデバッグ、またはその他のさまざまなカスタマイズを追加し、関数を定義します。独自のエディタを柔軟に構成して、日々の開発ニーズをより適切に満たすことができます。

以下では、フロントエンドに適した上位の VS Code 拡張プラグインをいくつか紹介します。

#Git の機能強化: #GitLens

##Git 機能は VS Code に組み込まれていますが、GitLens はエディターを「強化」するためのより多くのバージョン管理機能を提供できます。コードを詳細に分析し、変更がいつ行われたか、変更後のコードがどのようになったかを示します。さまざまなブランチ、タグ、コミットを比較することもできます。全体として、この拡張機能はまったく新しい視覚体験を提供します。

詳細: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

構文の強調表示:

美化

構文の強調表示に大きく依存していますか?そうであれば、Beautify がまさに必要なものです。これは、VS Code ですでに利用可能な Online JavaScript Beautifier

を活用しており、そのスタイルを簡単に変更できます。つまり、コンテンツに基づいてインデント、改行、その他の詳細を設定できます。

詳細: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

コード チェック:

#ESLint##JavaScript はデバッグが難しい場合があります。ただし、ESLint 拡張機能を使用すると、このプロセスが簡単になります。コードを実行する前に潜在的な問題を指摘するのに役立ちます。さらに強力なのは、独自のリンティング ルールを作成できることです。 詳細: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

#デバッガー:

Debugger for Chrome

実行時にコードをデバッグする開発者にとって、Debugger for Chrome は、仕事がよりうまくいきました。コード、監視、コンソールにブレークポイントを設定する機能など、多くの便利な機能があります。さらに、VS Code 内で Chrome インスタンスを実行したり、実行中の別のブラウザ インスタンスにデバッガーを接続したりできます。 詳細情報: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

環境の強化:

React Native ツール

React は、世の中で最も魅力的な JS ライブラリの 1 つであり、その上に新しい WordPress ブロック エディター (別名 Gutenberg) が構築されているほどです。あなたが多数の React プログラマーの 1 人である場合、React Native Tools は不可欠な拡張機能です。 react-native コマンドを実行する機能が追加され、独自のコードのデバッグにも役立ちます。

詳細情報: https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native

インターフェイス テーマ: One Dark Pro

コードを入力するとき、目を引く、目を引くものがあります。インターフェイスのキャッチ トピックが役立つ場合があります。結局のところ、コーディングプロセスは何時間もかかることがあります。 One Dark Pro は、人気の「One Dark」テーマを Atom エディターから VS Code にもたらします。

詳細情報: https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.material-theme

コードの強化: Bracket Compare Colorizer 2

##Bracket Compare Colorizer 2 は、コードを読みやすくするシンプルな拡張機能です。括弧に一致するコードのペアに色が付けられるため、関数の開始位置と終了位置を直感的に判断できます。使用する色も選択できます。

詳細情報: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

ビジュアル強化: #vscode-icons

##おそらく vscode-icons は VS Code One にとって最も効果的です視覚調整拡張機能の。プロジェクト内の当たり障りのないファイル リストを取得し、言語固有のカラフルなアイコンを追加します。これにより、コード ファイルの種類が簡単にわかります。ワークスペースにパーソナライゼーションを追加できることは、非常に歓迎される機能です。

詳細情報: https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

独自の方法でコーディング

VS Code は信じられないほどの数の拡張機能を提供しており、非常に魅力的なエディターとなっています。使用する言語に合わせて設定を自由に構成し、好みのワークスペース ビジュアルをセットアップできます。

さらに、企業文化とオープンソース文化の興味深い組み合わせも提供します。 VS Code は Microsoft によってサポートされており、将来的により適切に保守されることが保証されています。オープンソース コミュニティは、ソフトウェアを中心に活発なエコシステムを構築しました。これは、エンタープライズ文化とオープンソース文化の組み合わせのモデルと呼ぶことができます。

元のアドレス: https://1stwebdesigner.com/top-free-extensions-for-vs-code/

読みやすさを確保するために、この記事では直訳ではなく意訳を使用しています。 。

推奨チュートリアル:

vscode 入門チュートリアル

以上が上位 8 つの VSCode 拡張機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。