ホームページ > バックエンド開発 > PHPの問題 > VSCにPHPをインストールする方法

VSCにPHPをインストールする方法

PHPz
リリース: 2023-04-05 16:00:01
オリジナル
1242 人が閲覧しました

VSC (Visual Studio Code) は、PHP を含む複数のプログラミング言語をサポートするオープンソースの軽量コード エディターです。 PHP 開発に VSC を使用する前に、VSC のインストールと PHP プラグインのインストールと構成を完了する必要があります。この記事では、VSCにPHPをインストールする方法を紹介します。

1. VSC のインストールと設定

  1. Visual Studio Code をダウンロードしてインストールします

VSC 公式 Web サイト (https://code.visualstudio) に移動します。 .com/ ) オペレーティング システムに対応する VSC インストール パッケージをダウンロードし、インストールを完了します。

  1. PHP のインストール

PHP 開発に VSC を使用する前に、まず PHP をインストールする必要があります。インストールには統合環境(WAMP、XAMPPなど)を使用することを推奨します。ここでは WAMP を例に挙げます。

(1) WAMP 公式 Web サイト (https://www.wampserver.com/ja/) にアクセスし、オペレーティング システムに対応した WAMP インストール パッケージをダウンロードし、インストールします。

(2) WAMP インストール ディレクトリで php.ini ファイルを見つけて、編集のために開きます。次の 2 行を見つけてコメントを解除します (前のセミコロンを削除します)。

extension_dir = "ext"
extension=php_openssl.dll
ログイン後にコピー

(3) WAMP を再起動します。

  1. VSC プラグインのインストール

VSC を開き、プラグイン マーケットで「PHP IntelliSense」を検索し、クリックしてインストールします。

2. VSC で PHP プロジェクトを作成してデバッグする

  1. PHP プロジェクトを作成する

(1) VSC に新しい空のフォルダーを作成します。 VSCを開き、「フォルダーを開く」ボタンをクリックします。

(2) VSC で [ファイル] -> [新しいファイル] を選択し、index.php (接尾辞は .php であることに注意) という名前を付け、テスト用に次のコードを入力します。

(3) ファイルを保存し、F5キーを押して「PHP」環境を選択し、「タスク構成ファイルの作成」をクリックします。

(4) VSC で「デバッグ」→「デバッグ開始」を選択し、出力結果をブラウザに表示します。

    PHP プロジェクトのデバッグ
(1) 次のコードをindex.php ファイルに追加します。

<?php
    echo "Hello, World!";
?>
ログイン後にコピー
(2) ファイルを保存して、 を押します。 F5 キーを押して、「PHP」環境を選択し、「タスク プロファイルの作成」をクリックします。

(3) VSC で「デバッグ」→「デバッグの開始」を選択すると、起動時に Xdebug をダウンロードしてインストールするように求められます。

(4) Xdebug のインストールが完了したら、[続行] をクリックしてデバッグ モードに入ります。

(5) ブラウザでindex.phpファイルにアクセスすると、VSCのデバッグインターフェースにジャンプし、変数パネルで$nameの値が「Tom」であることを確認できます。

3. 結論

この記事を通じて、VSC に PHP と PHP プラグインをインストールする方法を学び、デバッグ用の単純な PHP プロジェクトを正常に作成できました。 VSC は軽量エディタとして充実したプラグインシステムとデバッグ機能を備えており、開発効率を大幅に向上させます。

以上がVSCにPHPをインストールする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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