應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

前言

作為一個業餘編程愛好者,從ASP開始到網頁三劍客(DREAMWEAVER、FLASH、FIREWORK),再後來開始用wamp+sublime進行PHP學習與開發,近幾年學習並應用BOOTSTRAP、THINKPHP、LAYUIADMIN框架進行開發,前不久開始應用phpEnv+vscode+git搭建了新的開發環境,業餘選手終於可以用上專業選手的裝備了:)在這個環境配置過程中,雖然網上查了不少資料,但在實際部署過程中還是出現了一些問題,在此記錄以備忘,同時希望給PHP編程入門者提供幫助與借鑑。

Thinkphp

據說是國內做的最好最成熟的php框架,本人愚鈍,直到thinkphp5.1才開始學習和使用該框架。目前thinkphp6即將推出正式版,其手冊預覽版已提供較全面的介紹(詳見https://www.kancloud.cn/manual/thinkphp6_0/1037479)。

根據手冊介紹,通過composer下載。(本教程項目根目錄為D:\\webProject\\sc5,web站點根目錄為D:\\webProject\\sc5\\public)

phpEnv

這幾年一直在用國外的wamp集成環境開發php,前不久在一個thinkphp技術群裡聽說phpEnv軟件不錯,於是前去官網(https://www.phpenv.cn/)瞭解了下。該軟件雖然是個人開發,但做的真是很好用。多餘的我就不多了,有興趣的可直接官網去了解,這裡摘錄一段介紹吧:

phpEnv是windows系統上運行的完全綠色的PHP集成開發環境,集成了Apache、Nginx等Web組件,支持不同php版本共存,支持自定義php版本,自定義mysql版本,可以用作服務器環境,適用於各種windows系統。擁有清除php環境阻礙、解除端口占用、支持切換mysql、強制修改mysql數據庫密碼,兼容其他集成環境,內置redis、composer,內置功能強大的cmd命令行、tcp進程列表等工具和實用功能。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

該集成環境安裝使用很簡單,按官網說明進行站點設置,php版本選擇php7.3為默認,網站目錄為D:\\webProject\\sc5\\public。按下圖點擊對應站點目錄右鍵,瀏覽顯示有thinkp笑臉即表示正常。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

MYSQL數據庫初始密碼是root,用phpMyAdmin登錄要注意。

vscode

vscode是微軟大廠的產品,它的優點不多說了,網上有很多。下載後一路確定安裝即可。安裝後首先在最左側欄選擇到插件,在搜索框中輸入chinese language,選擇中文簡體語言包安裝,重裝軟件後就是中文漢化後的界面了。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

其他插件根據需要下載,剛開始使用,我這裡下載的不多,做個簡單介紹。

  1. php debug——後文講到的斷點測試要用到
  2. phpfmt——代碼格式化,安裝後在編輯區右鍵也可以進行格式化操作
  3. Material Icon Theme ——文件圖標主題,可更好的區分不同的文件類型
  4. PHP IntelliSense——php自動完成、類的快速查找等
  5. PHP DocBlocker——生成代碼註釋模板,在指定位置輸入/**後回車

完成基本設置後,通過文件》打開文件夾,打開D:\\webProject\\sc5,即可加載項目文件了,如下圖:

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

通過以上軟件的安裝與設置,基本上就可以滿足thinkphp的開發需求了。

接下來介紹下php斷點調試功能。

通過phpEnv打開對應php版本的php.ini文件,移到文件最後,按圖示修改相應的Xdebug配置項(這裡端口號是根據vscode裡的調試配置項中的端號口改的),xdebug.dll文件無須下載,通過phpEnv安裝的含有該文件。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

重啟phpEnv後,打開主頁,通過PHPINFO詳細信息鏈接打開內容頁,按ctrl+f搜索xdebug,看到如圖所示表示設置成功。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

現在,就可以進行代碼斷點調試了。

左側欄選擇到調試,如圖所示點擊齒輪圖標設置php,並選擇listen for xdebug;在代碼行數前選擇斷點調試的地方,然後通過瀏覽器訪問該控制器,即可顯示相應結果。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

碼雲

國內代碼託管平臺,可免費建私倉,當然現在github也能免費建私倉了。對於英文不太好的人來說,當然是選擇本土產品。按慣例註冊賬號、新建項目倉庫。建好項目後,如下圖所示,對應有個項目倉庫地址,複製該地址,在後面GIT同步時要用到。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

GIT

應用GIT一個是方便版本管理,另外可以保持多臺設備的一個數據同步。

安裝的時候基本一路next,在下圖位置可以選擇vscode作為默認編輯器。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

安裝完成後,通過操作系統【開始】》【程序】,打開“Git Bash”,按下圖所示分別輸入

git config --global user.name "your name" 
git config --global user.email "your email"
git config --global credential.helper store
應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

your name似乎沒關係,隨便輸入,your email 輸入你在碼雲註冊時綁定的郵箱。

接下來返回到vscode,按ctrl+shift+p,在彈出框中輸入 git,選擇 git:克隆,回車後,再在輸入框中輸入之前複製的倉庫網址,然後按回車鍵,選擇 D:\\webProject\\sc5文件夾作為倉庫位置。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

在clone時,會要求輸入賬號密碼,輸入碼雲的賬號與密碼即可。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

碼雲密碼如果之後有更改,需要同時在本地操作系統中,找到如下圖所示位置,修改相應的登錄密碼。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

這個過程結束後,正常情況在D:\\webProject\\sc5目錄下,會有碼雲新建項目的README.md文件了。從此以後,即可通過vscode中的操作,實現本地代碼與遠程倉庫的同步了。

在提交代碼時,一定要填寫信息說明才行,否則提交不了。

提交後,還得通過...按鍵打開git命令,經推送後才能到碼雲項目庫裡。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

Chinese (Simplified) Language Pack for Visual Studio Code插件1.38.1顯示git命令是中文的,最新的1.38.3卻顯示的是英文的,這塊內容沒有進行漢化。不熟悉git命令的可以分別試試。

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置

OK,應用phpEnv+VSCode+Git+碼雲+Thinkphp6進行項目開發的基本配置就是這些內容了,歡迎分享交流經驗!


分享到:


相關文章: