環境構築-PHP編-

今回検証に使用する環境

• 今回構築方法を書くにあたって使用した環境は以下

　　OS Windows
　　エディション　Windows 10 Pro
　　バージョン　22H2

構築の流れ

• Visual Studio Codeのインストール
• XAMPPのインストール
• VS Codeでphpを作成・実行する

Visual Studio Codeのインストール

• install手順
  • downloadページにアクセスして、
    「Visual Studio Code をダウンロードする」を選択。
    
    Windowsを選択。
    

ダウンロードした、installerを開いて、案内にそって進んでいく。

「同意する」を選択後、「次へ」を押下

勝手にディレクトリが指定、作成されるので、嫌な人は変更してください。
ディレクトリ指定後、「次へ」を押下

ショートカットの作成場所を指定し、「次へ」を押下

追加タスクを選択し、「次へ」を押下

インストール内容を確認して、「インストール」を押下

以下が表示されたら、インストールは完了です。

xxampのインストール

• 次に、xxampのインストーラーのインストールを行います。
• downloadページにアクセスして、「Windows向けXAMPP」を選択し、ダウンロード。
  
  ダウンロードが開始しない場合、「ここをクリック」を押下してダウンロード
  

1. インストーラーを起動し、「Next」を押下
   

2. コンポーネントの選択画面はデフォルトでOK
   「Next」を押下
   

3. xamppをインストールする先を選択。
   

4. 言語を選択(日本語はないので、EnglishでOk)
   

5. 以上を設定したら、「Next」を押下し、install開始

installが走ります。

1.「Finish」を押下で完了

VS Codeでphpを作成・実行する

1. VS Codeの拡張機能「PHP IntelliSense」をインストール。
   

2. Explorerにもどり、C:\xampp\htdocs\任意のフォルダを開く。
   本資は、C:\xampp\htdocs\の直下にphp_testを作成し、C:\xampp\htdocs\php_testを指定。
   
   

3. 「ファイル」 >> 「ユーザー設定」 >> 「設定」 から、設定画面を開く。
   
   「ユーザー」タブの、「拡張機能」 >> 「php」 を開き、「setting.jsonで編集」を押下
   
   以下が設定されている場合、XAMPPのPathに書き換え。
   
   

4. Explorerを右クリックし、「NewFile…」を選択。
   

5. ファイル名を入力し、「Enter」で確定。今回はindex.phpと命名
   

6. コードに以下を張り付けて保存

<?php 
echo "Hello World";
?> 

7.xamppのApacheの「Start」を押下し、起動

8.ブラウザに、http://localhost/php_test/と入力して、以下が表示されたら環境構築は完了。