XAMPP+VSCodeの環境を整理しておきます。最新版XAMPPのインストールインストーラーに従いXAMPPをインストールします。UAC(アンチウイルスソフト)に関する警告が表示されます。ほとんどのWindowsPCにはDifenderか何かしらのアンチウイルスソフトウエアが搭載されているのでそれについての警告です。Filesにはインストールしないことが推奨されています。Componentの画面ではTomcatは使わないのでチェックを外しておきます。過去にインストールしたことがある場合は同名のディレクトリがあり警告される場合がありますが、エクスプローラーから削除しておけば大丈夫です。Installerがあります。Installerを使用します。インストールは基本デフォルトのまま進めてOKです。VisualStudioCodeの初期設定VisualStudioCodeは標準が英語メニューです。Extensionsタブから日本語プラグインを追加します。日本語化プラグインを追加するとVSCodeの再起動が求められます。起動後はメニューが日本語化されています。Pack(felixfbecker)上記はVSCodeでPHP開発をする場合の定番プラグインです。同じ名前のプラグインが登録されていますが、felixfbeckerさん作の物を使用しています。Colorizer(括弧の開く閉じるを色分け)を追加しています。setting.jsonを編集VSCodeの設定ファイルを編集します。右上の設定(UI)を開くアイコンをクリック。setting.jsonが開きます。json形式ですのでご注意ください。VisualStudioCode+XAMPPシステム環境変数の設定システム環境変数にPHPのPathを設定します。設定することでターミナルやコマンドプロンプトからphpコマンドを呼び出すことが可能です。設定しないとC:\xampp\phpまで移動する必要があります。Windowsメニュー隣ので環境変数を検索するとメニューへのリンクが見つかります。上の画面はユーザー単位での設定、下の画面はコンピューター全体の設定です。基本は上のユーザー側に設定を加えます。Path(赤枠)を選択して編集をクリックします。「新規」をクリックし、新しく行が作成されますので「C:\xampp\php」を追加します。OKをクリックし画面を閉じVSCodeを再起動して変更を読み込ませます。バージョンの確認VSCodeでターミナルを立ち上げます。ターミナルメニューから新しいターミナルです。画面下部にターミナルが現れます。-vと入力してPHPのバージョンが帰ってくれば動作しています。XdebugのインストールPHPの定番デバッカーXdebugをXAMPPにインストールします。Xdebugのインストールウィザードを利用します。x64....................................................................................画面の関係で省略していますが、かなりの行数が出力されますが、全てコピーしてください。Xdebugのインストールウィザードを開き、入力欄にすべて貼り付けます。outputをクリックします。C:\xampp\php\ext\php_xdebug-2.9.1-7.2-vc15-x86_64.dll出力結果です。リンクからdllを取得、xampp\php\extに保存します。php.iniの編集xampp\php\php.iniに変更を加えます。設定ファイルを読み込ませるためXAMPPのApacheとVSCodeを再起動します。VSCodeでデバッグを試すデバッグ設定VSCodeの左メニューからデバッグアイコンを選択。初回はデバック用の構成ができていません。「フォルダーを開く」をクリックするとlaunch.jsonファイルが作成されます。デバッグ環境が現れます。設定アイコン(緑の三角の右側にある歯車のアイコン)をクリックするとlaunch.jsonが表示されます。使用して利用可能な属性を学べます。既存の属性の説明をホバーして表示します。scriptはファイル単体でデバッグする場合の設定です。デバッグの確認テスト用のファイルを作成します。debug.phpとし簡単な条件分岐を記述しておきます。b";}行番号の右をクリックし、ブレークポイント(例では二行目)に設定しています。左のパネルのデバッグをクリックし、デバッグモードに切り替えます。script)に切り替えます。緑色の矢印をクリックしデバッグを実行します。2行目でプログラムが止まっているのを確認します。続いてステップオーバー(赤丸)をクリックしプログラムを進めます。3行目のif($a){で停止しました。続いてステップオーバーをクリックしてプログラムを進めます。IF文の条件が成立するので4行目が実行されます。一度ステップオーバーでプログラムを進めます。5行目、6行目は実行されずプログラムは終了します。これでVSCodeのデバッグモードが正しく動作していることが確認できました。ComposerのインストールComposerはXAMPPではなくWindows環境にインストールされます。公式サイトの手順に沿ってインストールをします。Composer-Setup.exeをダウンロードし、インストーラーに沿ってインストールを完了します。途中でPHPのインストール場所の入力を求められます。自動でXAMPPのPHPが選択されていました。インストールが終わったらいったんサインアウト(または再起動)をしてください。動作確認はVSCodeのターミナルでcomposerコマンドを入力し確認します。16:30:31まとめお疲れ様でした、これでVSCode+XAMPPによるPHP開発環境の設定が終わりました。長かったですが、これで学習環境が整いました。あとは頑張ってコードを書いていきましょう。自サイト(takujiozaki.com)をシングルページで作り直した。laravel6がリリースされ、基本機能をおさらいしたので整理を兼ねてアウトプットしておきます。ルーティングとは呼び出されたURLと処理を紐づける行為です。使い方(基本編)ホームPHP検索ProfileTakujiOzaki:Perl時代にWebプログラミングを志す。30歳でエンジニアに転職。Perl、PHPを十数年書き続け独立。2018年Djangoに出会いPythonエンジニアとして活動中。Python(Django)、Javaも少々。検索ProfileTakujiOzaki:Perl時代にWebプログラミングを志す。30歳でエンジニアに転職。Perl、PHPを十数年書き続け独立。2018年Djangoに出会いPythonエンジニアとして活動中。Python(Django)、Javaも少々。PythonタイトルとURLをコピーしました。