phpファイルの自動更新

Question

現在、visual studio codeエディタを使い、phpを学んでいます。コードの変更を確認するために、ブラウザ更新を頻繁に行っておりますが、ブラウザ更新を自動化したりショートカット登録できたら、負担が軽減すると考えています。

vscodeを使い、phpファイルの変更を確認するため、ブラウザを自動更新する方法がありましたら、アドバイスいただけますと幸いです。

よろしくお願いいたします。

Comments

[m.ts10806]

そこまでちょこちょこ打ってちょこちょこ確認するような感じなのですか？

[old_dog]

質問丸投げで申し訳ありませんでした。勉強の仕方や効率が著しく悪いのかもしれません。皆様のお手を煩わせてしまい申し訳ありません。貴重なお時間を頂きましてありがとうございました。

[m.ts10806]

そこまでへりくだる必要はないかと。
具体的にどういうやり方してるのかを具体的に記載されるとアドバイスもしやすくなるかと思います。
便利にならないかとやろうとしたことが実は難易度やコストが高くなってしまうとそれはそれで本末転倒ですしね

[old_dog]

いろいろとアドバイスありがとうございました。皆様のアドバイスで求めていた学習環境を作れました。皆様には心から感謝いたします。今後ともよろしくお願いします。

Answer 1

まずはご自身で「PHP」と「ホットリロード」「Browsersync」などのワードで検索してみてください。色々な方法が出てきますので、自分に合った方法を探してみてください。Visual Studio CodeならLive Serverを組み合わせるとできるとは思いますが、環境構築はちょっと面倒です。

参考）
https://web-niar.com/blog/vscode-liveserver-mamp/

単純にやるなら以下のようなmetaタグやjavascriptを使う方法もあります

参考）
https://web-camp.io/magazine/archives/105218

Comments

[old_dog]

AbeTakashi様、ありがとうござました。LiveServerを利用し、phpファイルの変更が、自動でブラウザに反映できるようになりました。LiveServerはphpファイルに対応してないというサイト情報もあって、LiveServerを調べることを諦めてしまいましたが、AbeTakashi様のアドバイスで勉強環境が良くなってうれしいです。心よりお礼申し上げます。貴重なお時間を頂きまして心よりお礼申し上げます。

Answer 2

vscode ブラウザ更新 php

でGoogle検索すると Live Server プラグインが紹介されてますね

Comments

[old_dog]

yuma.inaura様、ありがとうございました。Live Serverを使わせていただき、phpファイルの自動更新ができるようになりました。おかげ様で学習環境が良くなり、勉強しやすくなりました。心よりお礼申し上げます。貴重なお時間をありがとうございました。