タグ:
前提条件
- VScordでファイルを編集
- PHPファイルをPC上で確認したい
準備（最初だけ）
1. 公式サイトからXAMPPをダウンロード
→https://www.apachefriends.org/index.html
2. VScordをダウンロード
→http://code.visualstudio.com/
PHPの確認方法
1. インストールした、XAMPP Control Panel を起動
2. 「Apache」を「Start」
3. 保存先：C:\xampp\htdocs\配下にプロジェクトフォルダを作る（例：myproject）
例：C:\xampp\htdocs\myproject\index.php
4. VS Codeメニュー「ファイル」→「フォルダーを開く」
例：C:\xampp\htdocs\myproject
5. ブラウザのアドレスバーに下記を入力
http://localhost/myproject/index.php
6. ファイルを修正して保存 → ブラウザをリロードすると反映される
XAMPPを使わない方法（備考）
ターミナルでPHPファイルがあるディレクトリに移動して下記コマンドを打つと、簡易Webサーバーが起動します。
php -S localhost:8000
アクセスは「http://localhost:8000」
【追記】CSSを変更しても適用されない
キャッシュが残っていると、古いCSSのデータを参照してしまうようです。
index.htmlやindex.phpなど、cssを参照しているファイルの形式でバージョンを指定することで毎回更新されます。
また、毎回バージョンを更新しなくてもいいように時間をバージョン数とするようにします。
修正前
<link rel="stylesheet" href="style.css" />
修正後
<link rel="stylesheet" href="style.css?v=<?= filemtime('style.css') ?>" />
投稿者
hakoneko.llc@gmail.com