如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元神池做網(wǎng)站,已為上家服務(wù),為神池各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

剛開始接觸PHP開發(fā)，搭建開發(fā)環(huán)境是第一步，網(wǎng)上下載PhpStorm和PhpStudy軟件，怎樣安裝和激活就不詳細(xì)說(shuō)了，我們重點(diǎn)來(lái)看一看怎樣搭配這兩個(gè)開發(fā)環(huán)境。

前提：現(xiàn)在假設(shè)你已經(jīng)安裝完P(guān)hpStorm和PhpStudy軟件。

我的PhpStorm使用的是默認(rèn)安裝目錄，這個(gè)沒什么疑問(wèn)的，PhpStudy軟件我選擇解壓的目錄是G:\Program Files\ 。

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

在PhpStudy軟件的解壓目錄下的www文件夾就是我們的網(wǎng)站根目錄。

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

現(xiàn)在我們使用PhpStorm新建一個(gè)新工程。

第一步：打開PhpStorm軟件，點(diǎn)擊創(chuàng)建新項(xiàng)目，在輸入框填寫項(xiàng)目名稱，項(xiàng)目存放地址，項(xiàng)目類型信息。

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

這里我的配置信息看上圖。填寫完點(diǎn)擊確定。

第二步：設(shè)置PHP項(xiàng)目的版本信息

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

這里我選擇的level是PHP5.6

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

Interpreter現(xiàn)在默認(rèn)是沒有的，我們要先配置一下。

點(diǎn)擊在Interpreter的選擇框旁邊的如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境按鈕，跳轉(zhuǎn)到的界面如下圖：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

默認(rèn)沒配置過(guò)的左手邊的框里面是空白的，我已經(jīng)配置過(guò)了，所以現(xiàn)在左手邊有了兩個(gè)Interpreter版本，現(xiàn)在我們要新建一個(gè)Interpreter，點(diǎn)擊1位置的按鈕添加Interpreter，在2的位置填寫這個(gè)Interpreter的名稱，位置3是我們要設(shè)置的php.exe文件位置，點(diǎn)擊右手邊的"...",在彈出的對(duì)話框中選擇我們Phpstudy的php.exe文件位置（Phpstudy幫我們集成了php）。

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

配置完成之后點(diǎn)擊確定?，F(xiàn)在我們回到前一個(gè)界面，點(diǎn)擊下拉就可以看到我們剛才配置的Interpreter。

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

這里選上其中一個(gè)，看你要使用什么版本咯。再點(diǎn)擊確定，這時(shí)候創(chuàng)建新工程就完成了。

第三步：新建php文件

現(xiàn)在我們的工程是沒有文件的，需要我們新建網(wǎng)頁(yè)文件。選中項(xiàng)目文件右鍵-->新建，可以看到有好幾種文件格式：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

我新建了兩個(gè)文件如下圖:

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

文件的內(nèi)容如下：

form.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PHP處理表單2</title>
</head>
<body>
<form action="welcome.php" method="post">
  名字: <input type="text" name="fname">
  年齡: <input type="text" name="age">
  <input type="submit" value="提交">
</form>
</body>

welcome.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>$_POST獲取表單post信息</title>
</head>
<body>
<?php
echo "歡迎".$_POST["fname"]."!<br/>";
echo "你的年齡是".$_POST["age"]."歲。";
?>
</body>
</html>

現(xiàn)在打開form.html文件，鼠標(biāo)點(diǎn)擊文件內(nèi)容的任意地方，會(huì)有個(gè)懸浮框出現(xiàn)：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

這個(gè)是可以選擇打開form.html文件的瀏覽器，我們選擇其中一個(gè)可以看看form.html文件的顯示效果，其實(shí)只是一個(gè)簡(jiǎn)單的表單：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

重點(diǎn)來(lái)了，也是我寫這篇博客的目的，我們填寫表單信息之后點(diǎn)擊“提交”按鈕，我們要實(shí)現(xiàn)的效果是跳轉(zhuǎn)到welcome.php頁(yè)面，并顯示form.html頁(yè)面我們填寫的名字和年齡信息。問(wèn)題來(lái)了，跳轉(zhuǎn)之后瀏覽器顯示“文件找不到”。這就郁悶了，為什么form.html文件也可以打開，而welcome.php文件跟form.html文件都是放同一級(jí)目錄下的啊，怎么會(huì)找不到呢，折騰了一天，終于發(fā)現(xiàn)問(wèn)題了，原來(lái)我編輯的只是本地文件，至于form.html文件能打開是因?yàn)镻hpstorm軟件自動(dòng)幫我們把文件使用本地服務(wù)器打開所以能找到，而welcome.php文件我們并沒有提交到本地服務(wù)器上。

下面是解決方式（主要是配置本地服務(wù)器）；

步驟一：配置本地服務(wù)器

選擇:工具-->Deployment-->Configuration

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

初次是沒有任何配置信息的：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

我們點(diǎn)擊“+”添加服務(wù)器配置，在彈出框中選擇“Local or mounted folder”：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

下面的配置很重要，關(guān)乎文件能否正常被找到，添加完服務(wù)器之后我們就要配置文件的位置了：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

選擇 “Connection”，位置3就是剛才我們選擇的服務(wù)器類型，關(guān)鍵是位置4和5。

“Upload/download project files”意思是上傳或下載的文件目錄，這里很關(guān)鍵，因?yàn)槲覀兪褂玫氖荘hpStudy，PhpStudy有自己的網(wǎng)站目錄，這里我設(shè)置的是PhpStudy的網(wǎng)站根目錄，就是我們之前PhpStudy解壓的位置G:\Program Files\phpStudy\WWW，待會(huì)就知道這個(gè)目錄位置有什么用了。

"Browse files on server" 意思是服務(wù)器項(xiàng)目的訪問(wèn)地址（就是用瀏覽器可以打開項(xiàng)目頁(yè)面的鏈接地址），這里可以寫成PhpStudy的根地址“http://localhost/”，后面可以再指定具體的文件位置。

選擇“Mappings”，如下圖配置：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

這里注意位置2是被選上的，成灰色不可點(diǎn)擊。

位置3就是項(xiàng)目源文件的地址，我的項(xiàng)目文件是放在“G:\Php-workspace\MyTest”目錄下。

位置4是項(xiàng)目在本地服務(wù)器的詳細(xì)文件夾位置（相對(duì)于我們?cè)?“Connection”設(shè)置的“Upload/download project files”位置，就是我們待會(huì)把源代碼上傳部署到服務(wù)器的文件位置），這里我指定為“/phpStudyTest”，待會(huì)工程上傳的時(shí)候就會(huì)上傳到“G:\Program Files\phpStudy\WWW\phpStudyTest”這個(gè)phpStudyTest文件夾下。

位置5是相對(duì)于我們?cè)?“Connection”設(shè)置的"Browse files on server"的位置，我們的項(xiàng)目現(xiàn)在放到了“l(fā)ocalhost”的根位置phpStudyTest文件夾下了，所以設(shè)置為“/phpStudyTest”。

位置6就是我們可以用瀏覽器打開項(xiàng)目的鏈接地址預(yù)覽。

關(guān)鍵是要理解清楚這幾個(gè)文件夾的意思，不然是訪問(wèn)不到網(wǎng)頁(yè)文件的。

配置完之后點(diǎn)擊“確定”，現(xiàn)在我們還是沒有把工程上傳到服務(wù)器的，下一步就是設(shè)置上傳工程的配置。

步驟二：配置運(yùn)行調(diào)試環(huán)境

點(diǎn)擊編輯結(jié)構(gòu)：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

展開 Default -> PHP Web Application,現(xiàn)在是<no server>狀態(tài)，如下圖：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

點(diǎn)擊“...”按鈕，在彈出框中點(diǎn)擊“+”添加服務(wù)器信息

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

位置1 填寫配置的名稱，位置2填寫我們本地服務(wù)器的地址，這里是“l(fā)ocalhost”，端口默認(rèn)是80，Debugger默認(rèn)就好了，也可以去配置Xdebug，這里不重點(diǎn)講。填寫完成之后點(diǎn)擊：應(yīng)用->確定。

回到上一個(gè)頁(yè)面，在Server下拉就可以看到我們配置名稱：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

位置2是我們默認(rèn)的鏈接開始位置，這里填“/”就好了。

位置3是我們用于調(diào)試的默認(rèn)瀏覽器類型。

現(xiàn)在一切都配置好了。OK！?。。。。。。。。。。。?！

部署工程到服務(wù)器

點(diǎn)擊工程右鍵也可以的，我們選擇點(diǎn)擊工具欄，點(diǎn)擊位置如下圖：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

上傳成功之后，控制臺(tái)輸出;

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

如果不想每次都手動(dòng)上傳，可以設(shè)置自動(dòng)模式，自動(dòng)模式下當(dāng)我們修改了文件并保存之后，軟件自動(dòng)把修改的文件上傳到服務(wù)器。設(shè)置如下:

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

現(xiàn)在我們來(lái)看看效果：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

點(diǎn)擊運(yùn)行form.html

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

再點(diǎn)擊提交，現(xiàn)在能正常跳轉(zhuǎn)了：

如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境

關(guān)于“如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)頁(yè)標(biāo)題：如何搭建PhpStorm+PhpStudy開發(fā)環(huán)境-創(chuàng)新互聯(lián)
分享URL：http://www.muchs.cn/article44/cdedee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、域名注冊(cè)、網(wǎng)站制作、網(wǎng)站收錄、外貿(mào)建站、全網(wǎng)營(yíng)銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容