2 編程環(huán)境的安裝

編程環(huán)境的安裝成都職業(yè)技術(shù)學(xué)院軟件學(xué)院主講教師：牟奇春?jiǎn)栴}引入上一講我們已經(jīng)安裝好了運(yùn)行環(huán)境，那怎么樣來編寫PHP程序呢？PHP文件本質(zhì)上是一種文本文件，理論上，任何可以編輯文本文件的工具都可以用來編寫php程序。問題引入上一講我們已經(jīng)安裝好了運(yùn)行環(huán)境，那怎么樣來編寫PHP程序呢？PHP是一種非常流行的編程語言，全世界有數(shù)以億計(jì)的程序員在使用PHP。因此，我們可以找到很多優(yōu)秀的PHP編輯器。比較有名的有：NetBeans（免費(fèi)版本）、PHPStorm（商業(yè)版本）、SublimeText3（商業(yè)版本）、VisualStudioCode（免費(fèi)版本）。我們重點(diǎn)推薦PHPStorm，此編輯器功能強(qiáng)大，學(xué)生可以免費(fèi)申請(qǐng)教育版認(rèn)證。下載安裝包PhpStorm是JetBrains公司開發(fā)的一款商業(yè)的PHP集成開發(fā)工具，旨在提高用戶效率，可深刻理解用戶的編碼，提供智能代碼補(bǔ)全，快速導(dǎo)航以及即時(shí)錯(cuò)誤檢查。訪問網(wǎng)站：/phpstorm/，下載PHPStorm30天試用版，如圖1所示。如何覺得軟件好用，請(qǐng)購(gòu)買正版，或者使用EDU郵箱申請(qǐng)教育版（相關(guān)方法，請(qǐng)查詢網(wǎng)絡(luò)）。圖1開始使用PHPStorm打開下載好的PHPStorm安裝文件，根據(jù)安裝向?qū)?，完成安裝，然后啟動(dòng)程序，如圖2所示。圖2開始使用PHPStorm配置網(wǎng)站。參考上一節(jié)所講的環(huán)境配置，我們將指向E:/test（請(qǐng)?zhí)崆霸贓盤創(chuàng)建test目錄），如圖3所示。創(chuàng)建好網(wǎng)站后，可以在瀏覽器中輸入訪問我們剛創(chuàng)建的網(wǎng)站。由于此目錄內(nèi)容為空，并無首頁(yè)文件可默認(rèn)顯示，所以會(huì)出現(xiàn)403的錯(cuò)誤提示，如圖4所示。圖4圖3開始使用PHPStorm接下來，在圖2中，點(diǎn)擊open，打開E:\test目錄，如圖5所示。此時(shí)，左邊的Project面板會(huì)自動(dòng)顯示test，這個(gè)代表我們啟動(dòng)了一個(gè)項(xiàng)目（推薦大家用項(xiàng)目的形式進(jìn)行編輯，不要只打開一個(gè)文件，也就是要打開網(wǎng)站的根目錄。）。在test上面點(diǎn)擊鼠標(biāo)右鍵，選擇菜單New-PHPFile，可以創(chuàng)建一個(gè)新的PHP文件，文件名命名成index.php，如圖6所示。圖6圖5開始使用PHPStorm創(chuàng)建好文件后，系統(tǒng)會(huì)自動(dòng)打開此文件。在右邊的編輯窗口中，按照?qǐng)D7所示輸入內(nèi)容。PHPStrom中打開的文件，會(huì)自動(dòng)保存，不需要手動(dòng)保存。小伙伴們，再也不用擔(dān)心文件內(nèi)容丟失了。圖7開始使用PHPStorm此時(shí)，可以到瀏覽器中，輸入域名：訪問一下，應(yīng)該可以查看到瀏覽器中顯示的“HelloWord！”字樣。在時(shí)常開發(fā)中，為了方便我們查看當(dāng)前編輯文件的效果，我們還需要在PHPStorm中進(jìn)行一些配置。點(diǎn)擊菜單File-Settings-Build，Execution，Deployment-Deployment，在右邊面板中點(diǎn)擊+號(hào)，再點(diǎn)擊Inplace，創(chuàng)建一個(gè)新的服務(wù)器，如圖8所示。圖8開始使用PHPStorm在NewServerName中給新建的服務(wù)器取一個(gè)名字，比如test，然后在右邊的WebserverURL中輸入“”即可，如圖9所示。圖9開始使用PHPStorm配置好服務(wù)器后，要運(yùn)行文件，查看效果時(shí)，只需要將鼠標(biāo)移至編輯窗口右邊的瀏覽器圖標(biāo)并點(diǎn)擊即可，如圖10所示。圖11是點(diǎn)擊Chrome圖標(biāo)，點(diǎn)擊后，系統(tǒng)會(huì)調(diào)用Chrome瀏覽器，并自動(dòng)打開index.php文件進(jìn)行顯示。圖10開始使用PHPStorm文件運(yùn)行結(jié)果：圖