山東喵

導航

統計
 

本文主要是為了幫自己記住每次重裝系統后需要干點啥,如果能幫到你,煩請給個好評

環境說明:

1. windows10 64bit

2. wampservers 3.0.6(x86) apache2.4.23 mysql5.7.14 php5.6.25+7.0.10

3. git-2.8.1-64-bit

4.phpstorm10.0.3


 

安裝步驟:

 

第一步 安裝VC++運行庫

個人建議從2005到2017的都裝一遍(包括32bit和64bit),這樣在安裝wamp的時候就不會出亂七八糟的錯誤了(32位系統只需要裝32bit的運行庫)     

 VC++運行庫打包下載鏈接  提取碼 13q4


 

第二步 安裝wamp       wamp32bit下載地址    提取碼 qgx8

安裝步驟如下:

語言默認就是英文,不需要修改

 

一路下一步 

 

 選擇安裝目錄及開始菜單名稱,按自己需求配置就好

 

點擊“install”開始安裝

  

途中會詢問默認瀏覽器及文本編輯器是否需要修改,點擊否則默認使用IE瀏覽器和記事本,如果點擊“是”則需要自己手動指定程序,在這里我選擇否直接跳過 

  

安裝完畢后顯示已經裝好的各個組件版本,從這里可以明確看到 Apache 2.4.23 || PHP 5.6.25/7.0.10 || MySQL 5.7.14


 

 第三步,安裝phpstorm,安裝gitee插件           phpstorm10.0.3下載 提取碼:wih2

安裝步驟如下:

 妥善選擇自己想要安裝的目錄

 

 這里是詢問是否要創建桌面快捷方式及文件關聯,都打勾就好

 這里是詢問開始菜單的顯示名稱,按自己愛好設置即可

   

 安裝完畢后先不要急著關閉,把安裝包下面的 【resources_cn.jar】 文件,拷貝到phpstrom安裝目錄下的lib目錄中

然后,勾選上圖中的“Run PhpStrom” 選項,點擊“Finish”按鈕,啟動phpstorm

 

 如果之前沒有設置就直接點確定。

 

 激活這里,直接輸入自己的激活碼就好,不贅述

 

設置完界面主題后,會詢問是否重啟phpstrom以應用設置,直接選擇“是”即可。 

 

重啟之后,在歡迎界面點擊 Configure 按鈕,選擇”插件“選項 

 

 在搜索框里輸入”gitee“,然后點擊下面的Browse 鏈接,就能在彈出的瀏覽器中找到插件,點擊右側的綠色”Install“按鈕安裝即可


 

 第四步,安裝git                   git下載鏈接      提取碼 c223

 

 git我用的不是很熟,整個流程就是一路下一步,如果你需要進一步了解,請移步其他人的博客

   

 仍然是一路下一步

   

  仍然是一路下一步

   

 至此,git安裝完畢


 

第五步,設置phpstorm中的gitee插件

 

 

  從開始界面中進入,或者從主菜單中進入,或者直接按默認快捷鍵  ctrl+alt+s 進入設置菜單

 

 首先,進入【設置】-》【版本控制】-》【git】,點擊右側的test按鈕,確認git是否正常工作,上圖就是正常工作的提示。

 

  然后,進入【設置】-》【版本控制】-》【碼云】,輸入自己的注冊信息,點擊右側的test按鈕,確認碼云是否連接正常,上圖就是正常工作的提示。

 

 首次使用碼云可能會彈出上圖所示窗口,要求你創建一個本地密碼,直接創建即可。


 

第六步,檢出代碼

 有兩種檢出方式,從歡迎界面,或者從VCS菜單中,選擇”從版本控制中檢出“——》”碼云“ 

  

 首次使用可能需要再次登錄,直接填寫自己的賬號即可,然后在彈出的界面中,選擇自己需要克隆的鏈接。

 

 最后,選擇檢出目錄,點擊clone就可以把碼云的代碼下到本地了。


 

第七步,設置php  interpreter

 從菜單 【文件】-》【設置】進入,或者直接按ctrl+alt+s。

 

 找到【語言和框架】-》【PHP】,點擊上圖中的 ... 按鈕

 

 在彈出的窗口中,點擊綠色加號,選擇“Other Local...”,然后設置名稱。為了方便區分,我設置為PHP7.0。點擊上圖中的...按鈕

 

 在彈出的窗口中,選擇PHP主程序所在的位置,如果安裝路徑沒有修改的話,默認是 C:\wamp\bin\php\php7.0.10\php.exe


 

第八步,設置編輯器字體/行號

 這一步和調試沒什么關系,純粹是個人習慣,在【設置】里,找到【編輯器】-》【顏色和字體】,將當前方案另存一份。

 

 然后,在【設置】里,找到【編輯器】-》【顏色和字體】-》【Font】,找到剛剛另存的一份方案,直接修改上圖所示的字體大小即可,推薦16或18號字

 

接下來,在【設置】里,找到【編輯器】-》【顏色和字體】-》【外觀】,勾選“顯示行號”,之后就會顯示行號了。


 

第九步,PHPSTORM調試環境配置

 

在設置里,找到【語言和框架】 -》【PHP】-》【Servers】,增加一個server。這里我把它命名為PHP,Host填寫它實際存在的IP地址,這里因為我是在本機調試,因此設置為Localhost,調試器(Debugger)設置為Xdebug(默認)

 

在設置里,找到【語言和框架】 -》【PHP】-》【Debug】,看一下Xdebug的端口是否為9000


 

 第十步,安裝chrome瀏覽器,從谷歌市場安裝Xdebug helper插件                      chrome瀏覽器離線包下載地址  提取碼 iqpb

 將IDE key 這里,選中PhpStorm,確認一下key 是否是PHPSTORM,然后點擊save,下面的兩個值都改成1,save


 

第十一步,建立一個測試網頁嘗試調試

 在主界面上點擊調試工具欄上的向下箭頭符號,選擇”編輯結構“,建立一個”運行/調試配置“,點擊綠色加號,選擇"PHP Web Application”。

 

 設置自己需要的名稱,選中剛剛設置的server,這里的Start URL 就是我們需要調試的網頁,需要填寫路徑;

點擊server旁邊的...按鈕,彈出server的設置頁,在這里勾選“Use path mappings”,然后選中當前工程所在的文件夾

 

 接下來我們敲一段測試用的代碼

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018-12-24
 * Time: 11:13
 */
echo 'hello world'.'<br/>';
echo 'this is a debug test!'.'<br/>';
$a= 123;
echo '<br />';
echo $a;
?>

  然后在第10行和第12行打上斷點

(打斷點的方法:點擊對應行的這個位置,出現紅點表示已經打上斷點)

然后,首先點擊監聽按鈕,使其切換到監聽狀態,然后點擊debug按鈕,打開需要測試的網頁

 

 監聽按鈕狀態說明: 左側帶紅圈的是停止監聽狀態,右側的是正在監聽的狀態

 開啟調試后,應該會自動調用chorme瀏覽器,同時IDE主界面出現如下圖所示的界面 

 上圖藍色框中,是調試用的各個按鈕,鼠標指上去可以看到說明文字,在此不再贅述。

橙色框中,是當前執行到的代碼行數,(tips:按F7可以步進,即一行行執行代碼)

 綠色框中,是目前追蹤到的各個變量的狀態。我們繼續按F7,直到第11行 

 

 如上圖所示,可以看到來到第11行的時候, $a 應該被賦值為123,右側出現$a的數值,就是123

至此,表示調試環境一切正常。


 

本文僅為自己學習過程中的記錄,如果有不夠嚴謹的地方,請留言或者給我發郵件。

如果本文中的下載鏈接失效,請發郵件給我,我會補鏈。

 個人郵箱   [email protected]

posted on 2019-10-15 09:47  山東喵  閱讀(...)  評論(... 編輯 收藏
 
ag二分彩