概要

VS Code とも呼ばれる Visual Studio Code は、すべての主要なオペレーティング システムで利用できる無料のソース コード エディター (統(tǒng)合開発環(huán)境 (IDE)) です。

多くのプログラミング言語の拡張機(jī)能の大規(guī)模なコレクション、 VS Code は、さまざまな開発ニーズに対応するためにカスタマイズできます。 このガイドでは、Visual Studio Code をセットアップする方法を?qū)W習(xí)します。 PHP プロジェクトに取り組んでいます。

前提條件

このガイドに従うには、運(yùn)用に適したバージョンの Visual Studio Code をダウンロードしてインストールする必要があります。

このガイドの手順は Ubuntu 20.04 で検証されました。 デスクトップ コンピュータでも使用できますが、すべてのオペレーティング システムでシームレスに動(dòng)作する必要があります。 VS Code でサポートされるシステム。ただし、ご了承ください。 キーボードのショートカット キーは、場(chǎng)合によっては若干の変更が必要になる場(chǎng)合があります。 MacOS システムとの互換性。

ステップ 1 — 追加サポートのための VS Code PHP 拡張機(jī)能のインストール

インストール直後、VS Code はすでに PHP コードを認(rèn)識(shí)しており、 構(gòu)文の強(qiáng)調(diào)表示、基本的なデバッグ、コードのインデントに役立ちます。 これらの機(jī)能は、素早い編集や作業(yè)を行う場(chǎng)合に適しています。 個(gè)々の PHP スクリプト。ただし、大規(guī)模なプロジェクトで作業(yè)すると、次のようなことが起こる可能性があります。 コードに関する詳細(xì)なコンテキストと各ファイルがどのように機(jī)能するかがなければ困難です より大きなプロジェクト內(nèi)で相互作用し、統(tǒng)合します。

高速化に役立つ VS Code 拡張機(jī)能が多數(shù)あります。 PHP プロジェクトに取り組む際の生産性を向上させます。このガイドでは、 そしてPHP Intelephenseをセットアップします。 いくつかの高度な機(jī)能を提供する VS Code 用の人気のある PHP 拡張機(jī)能 コード補(bǔ)完の改善、相互間のナビゲーションの改善などの機(jī)能 コンポーネント、マウスホバー時(shí)の豊富な情報(bào)ツールチップ、自動(dòng)コード

左側(cè)のメニュー バーの最後のアイコンをクリックするか、Ctrl キー、Shift キー、X キーを押して、拡張機(jī)能タブを開きます。 これにより、検索ボックスとリストが含まれるサイドバー メニューが表示されます。 人気のある、または推奨される拡張機(jī)能。 「php」または「intelepense」と入力してください PHP Intelephense 拡張機(jī)能を見つけます。 [インストール] ボタンをクリックして拡張機(jī)能をインストールし、有効にします。

インストールが完了したら、Intelephense の公式ドキュメントでは、付屬の組み込み PHP 言語機(jī)能拡張機(jī)能を無効にすることを推奨しています。 VS コード。

この拡張機(jī)能を無効にするには、[拡張機(jī)能] 検索ボックスに「@builtin php」と入力して、組み込みの PHP 拡張機(jī)能を見つけます。次に、PHP 言語機(jī)能拡張機(jī)能の設(shè)定アイコンをクリックし、ドロップダウン メニューで [無効にする] オプションをクリックします。

VS Code でファイルを開いている場(chǎng)合は、変更を適用するにはエディタをリロードする必要があります。

同じプロセスに従って他の拡張機(jī)能をインストールできます。 PHP Intelephense 拡張機(jī)能について説明していますが、一部の點(diǎn)に注意してください。 拡張機(jī)能を使用するには、追加のソフトウェアをインストールする必要があります。 システム。拡張機(jī)能のドキュメントを參照して、次のことを確認(rèn)してください。 要件を適切に設(shè)定します。

ステップ 2 — 新しい PHP プロジェクトのインポートまたは作成

既存の PHP プロジェクトを VS Code にインポートするには、左側(cè)のメニュー バーの最初のアイコンをクリックするか、CTRL SHIFT を押します。 E を押してファイル エクスプローラーにアクセスします。 「フォルダーを開く」をクリックします ボタンをクリックしてプロジェクトのディレクトリを選択します。を作成している場(chǎng)合は、 新しいプロジェクトの場(chǎng)合は、新しいフォルダーを作成し、それをプロジェクトとして選択できます

エクスプローラー ウィンドウにプロジェクトのディレクトリ ツリーが表示されます。 プロジェクト上のファイルやディレクトリにすばやくアクセスできるようになります。

ステップ 3 — テーマとエディターのフォントをカスタマイズする (オプション)

必須ではありませんが、多くの場(chǎng)合、 エディタの外観を変更して、より快適に使用できるようにします。 長期的には。開発者は毎日數(shù)時(shí)間を費(fèi)やすこともあります VS Code などの IDE を検討するため、次のことが重要です。 エディターのフォントが適切なサイズであること、およびコントラストが適切であることを確認(rèn)してください。 目が疲れすぎずに読みやすくするには十分です。

自分に合ったカスタム設(shè)定を見つけるために、さまざまなテーマやフォントを試してみるとよいでしょう。

VS Code テーマの変更

VS Code には、変更できるいくつかの異なるテーマが付屬しています エディターのインターフェイスとコードの強(qiáng)調(diào)表示で使用される色。 デフォルトでは、暗いスタイルと明るいスタイルの両方が含まれています。

[ファイル] -> [設(shè)定] -> [カラー テーマ] に移動(dòng)するか、CTRL K T キーを押して、VS Code の別のテーマを選択します。

テーマ拡張機(jī)能をインストールして、VS Code の外観をさらにカスタマイズすることもできます。拡張機(jī)能タブ內(nèi)でテーマを検索する場(chǎng)合 (CTRL SHIFT X)、 さまざまなスタイルや色のテーマ拡張機(jī)能がいくつかあります。 他の人気のあるエディタやプラットフォームから移植されたカラースキームも含まれます。

フォントの調(diào)整

デフォルトの VS Code フォント設(shè)定でも十分です。 多くのユーザーが使用する場(chǎng)合は、エディタのサイズとタイプを調(diào)整する必要があるかもしれません。

フォント サイズを変更するか、別のタイプに変更する場(chǎng)合は、[ファイル] -> [環(huán)境設(shè)定] -> [設(shè)定] に移動(dòng)し、左側(cè)のメニューで [テキスト エディター] を選択します。次に、表示されるサブメニューで「フォント」をクリックします。このセクションには、好みに応じて調(diào)整できるフォント ファミリとサイズの設(shè)定が含まれています。

変更はすぐに保存され、現(xiàn)在開いているすべてのファイルに適用されます。

以上がPHP 開発用に Visual Studio Code (VS Code) をセットアップする方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。