提升網站開發的工具配置

平時開發網站直接點一下按鈕就能看到代碼效果的配置

一、軟件安裝

xampp安裝路徑最好不要改,默認為C:\\xampp

啟動xampp:

提升網站開發的工具配置

二、配置PhpStorm

新建一個項目HelloWorld:

提升網站開發的工具配置

echo "hello"
?>

配置php解析器:

提升網站開發的工具配置

提升網站開發的工具配置

三、PhpStorm直接運行

按上面配置好php解析器之後,直接在源文件中點擊chrome圖標即可運行

提升網站開發的工具配置

image.png

此時可以在瀏覽器中看到,使用的是默認的63342端口,而且你還不能再ide中修改,那怎麼辦呢?

提升網站開發的工具配置

image.png

四、集成到Xampp的80端口運行

提升網站開發的工具配置

注意打鉤,讓這個部署設置生效

第一次進入deployment可能沒有東西,點擊“+”添加一個服務,名字隨你喜歡,這裡是“xampp”

folder:xampp中部署服務的目錄,規定的

web server root URL:默認的就行,http://localhost

提升網站開發的工具配置

關鍵的一步,配置文件部署的目錄以及訪問的url

部署會創建一個文件夾於htdocs

可以都配成"/",將不會創建文件夾

提升網站開發的工具配置

部署服務

最後一步,將你的代碼部署上去

網絡上很多教程沒有這一步,結果當然是運行不會成功的

運行結果:

提升網站開發的工具配置


分享到:


相關文章: