PhpStorm的使用姿勢

原文: https://www.fanhaobai.com/2017/05/phpstorm-posture.html

俗話說,工欲善其事必先利其器。作為一名碼農(nóng),合適開發(fā)工具能提高我們的開發(fā)效率,而 PhpStorm 是 PHPer 不可或缺的工具,這里整理了一些編碼過程中常用的 PhpStorm 使用姿勢。
安裝
本文 PhpStorm 版本為 2017.1.1。PhpStorm 在 Win 平臺安裝比較容易,直接參考 此處 即可。Linux 平臺安裝相對比較坎坷,請移步 這里。至于注冊碼,見 @lan yu 提供的方法。
配置
以下是基于個人的喜好,所做的偏好設(shè)置。
Setting項
更改工作區(qū)間主題在”Editor >> Colors & Fonts“下將工作區(qū)間主題更改為“Monokai”,并將字體設(shè)置為“Source Code Pro”。如下圖所示:

ede1d136-3e29-11e7-a919-92ebcb67fe33.png

更改Terminal字體在”Editor >> Console Font”下將字體更改為“Source Code Pro”。

關(guān)閉拼寫錯誤檢查在“Editor >> Colors & Fonts >> Inspections”下將“Typo”項勾掉,如下圖所示:


64f85ab7-f5ce-4146-b8a1-b103f7a0aab9.png

關(guān)閉函數(shù)參數(shù)名和類型提示由于此版本默認開啟此功能,讓一行代碼看起來變長很多,感覺很不舒服。在“Editor >> General >> Appearance”下將“Show parameter name hints”項勾掉。如下圖:


1e8c3964-3e2c-11e7-a919-92ebcb67fe33.png

代碼模板在代碼起始位置,往往需要添加作者的信息和代碼用途說明,可以通過模板來實現(xiàn)。將”Editor >> File and Code Templates”修改如下:
7faf906a-6dd4-43f7-b1d1-d9dfa2683df3.png

快捷鍵
查詢
F4 查找變量來源
Ctrl + N 查找指定類

f797c144-3fba-11e7-a919-92ebcb67fe33.png

Ctrl + Shift + N 全局搜索文件
8715f962-3fbb-11e7-a919-92ebcb67fe33.png

Ctrl + Shift + Alt + N 查找php類名/變量名/js方法名和變量名/css選擇器
9f3564fa-3fbc-11e7-a919-92ebcb67fe33.png

Ctrl + B 定位變量來源(同Ctrl + 單擊)
7568394e-3fbd-11e7-a919-92ebcb67fe33.png

Ctrl + Alt + B 找到父級的所有子類
f4123ede-3fbd-11e7-a919-92ebcb67fe33.png

Ctrl + G 定位行
3cea2b6c-3fbe-11e7-a919-92ebcb67fe33.png

Ctrl + F 在當前窗口查找文本
9b5aecc2-3fbe-11e7-a919-92ebcb67fe33.png

Ctrl + Shift + F 在指定路徑查找
f76994dc-3fbe-11e7-a919-92ebcb67fe33.png

Ctrl + R 當前窗口替換文本

Ctrl + Shift + R 在指定路徑替換文本


b1c4c23e-3fbf-11e7-a919-92ebcb67fe33.png

Ctrl + E 查看最近打開的文件


0b66bdb0-3fc0-11e7-a919-92ebcb67fe33.png

自動代碼
Ctrl + J 自動代碼提示和補全

abfc1072-3fc0-11e7-a919-92ebcb67fe33.png

Ctrl + Alt + L 格式化代碼

Ctrl + Alt + I 自動縮進

Ctrl + P 方法參數(shù)提示


96be6d1c-3fc1-11e7-a919-92ebcb67fe33.png

Ctrl + Insert 生產(chǎn)類的get|set方法|構(gòu)造函數(shù)等


46058594-3fc2-11e7-a919-92ebcb67fe33.png

Ctrl + H 顯示類層級關(guān)系圖
fae803a0-3fc3-11e7-a919-92ebcb67fe33.png

Ctrl + F12 顯示文件結(jié)構(gòu)


29b45a8a-3fc4-11e7-a919-92ebcb67fe33.png

Ctrl + W 塊狀態(tài)選中代碼
9b4ffbae-3fc4-11e7-a919-92ebcb67fe33.png

Ctrl + O 類的魔術(shù)方法
d02a9352-3fc4-11e7-a919-92ebcb67fe33.png

Ctrl + Shift + I 快速定義變量和方法
378ef9e8-3fc5-11e7-a919-92ebcb67fe33.png

Ctrl + [] 光標移動到{}開頭或結(jié)尾
06eca43d-481b-4762-a0af-7742482c0696.png

Ctrl + Shift + [] 選中光標至[]之間的代碼塊

Ctrl + / 單行注釋/取消注釋

Ctrl + Shift + / 塊注釋/取消塊注釋
Shift + ?/?/?/? 進行區(qū)域性選中代碼


88d5ee69-fae4-406c-aed7-ddd0a7ff2108.png

Ctrl + Shift + U 選中的字符大小寫轉(zhuǎn)換

Ctrl + . 折疊/展開選中的代碼塊
Ctrl + Alt + ?/? 返回上次編輯的位置
Alt + ?/? 切換選項卡
Alt + ?/? 在方法間快速移動
Ctrl + Shift + Enter 智能補全代碼


40abd94d-e333-40cf-bd4b-30a27ad8484a.png

Ctrl + Shift + ?/? 選中區(qū)域進行上下移動

Shift + F6 重命名文件名/類名/函數(shù)名/變量名


a2d96914-f897-4ab0-89b2-26c4f805e282.png

Alt + 7 顯示當前類/函數(shù)結(jié)構(gòu)

F5 復(fù)制文件或文件夾
Ctrl + C 復(fù)制
Ctrl + V 粘貼
Ctrl + X 剪切 / 刪除行
Ctrl + Y 刪除行
Ctrl + D 復(fù)制行
Shift + F2 警告快速定位

編輯
F5 復(fù)制文件夾/文件
F6 移動
Ctrl + Q 快速文檔查詢
Ctrl + I 快速實現(xiàn)類的魔術(shù)方法
Shift + Tab 縮進/取消縮進選中的行
Ctrl + Delete 刪除單個字(word)
Ctrl + Z 插銷
Ctrl + Shift + Z 向前撤銷

運行
Ctrl + Shift + F12 切換最大化編輯器
Shift + F10 運行
Shift + F9 調(diào)試
Ctrl + Shift + X 運行命令行
Alt + Shift + F9 選擇配置并調(diào)試
Alt + Shift + F10 選擇的配置并運行
Esc 光標返回編輯框
Shift + Esc 光標返回編輯框并關(guān)閉無用窗口
Ctrl + F4 關(guān)閉當前的選項卡
Ctrl + Alt + V引入變量
Ctrl + Tab 鍵切換選項卡和工具窗口
Ctrl + Shift + A 查找

調(diào)試
F8 步過
F7 步入
Shift + F7 智能進入
Shift + F8 步驟
ALT + F9 運行到光標
F9 恢復(fù)程序
Ctrl + F8 切換斷點
Ctrl + Shift + F8 查看斷點

工具
SSH
PhpStorm 內(nèi)置了 SSH 會話工具,通過該工具就可以與服務(wù)器建立 SSH 通信,不需要編碼調(diào)試時來回切換工作窗口,即可在編碼窗口完成調(diào)試和對服務(wù)器的操作。
打開”Tools >> Start SSH Session”,配置連接信息如下:
連接成功后,所有操作同 Xshell,如下圖所示:

bb2a5138-34c7-4026-b7e4-44679dc5d5cd.png

但是,這樣每次在打開”Start SSH Session”時,都會要求重新輸入連接信息,比較麻煩。能不能像 Xshell 一樣,保存住連接信息呢?可以通過配置”Tools >> Deployment >> Configuration“來解決,新增一個 Deployment,如下圖所示:
071895d0-6428-45fa-ba5c-7eec225600bb.png

其中,Type 項建議選擇為 SFTP,將主機信息填寫完整后點擊保存即可。再次打開”Start SSH Session“,會出現(xiàn)所新增的 Deployment,點擊選擇即可直接連接成功,如下圖所示。
5f58b311-0a37-4711-9036-97f89dc908f0.png

中文亂碼問題在用 PhpStorm 內(nèi)置 SSH 工具連接服務(wù)器后,可能會出現(xiàn)如下中文亂碼情況。
514e834c-e7b4-48a5-bdb2-dcc82da75975.png

此問題是由 SSH 客戶端字符集設(shè)置不正確導(dǎo)致,在配置“Tools >> SSH Terminal”項下將“Default encoding”由 GBK 更改為 UTF-8 后保存,并重新啟動 PhpStorm 即可。
0fa2c25a-6d55-4430-9733-7b1fab722f72.png

Database
PhpStorm 已經(jīng)集成了數(shù)據(jù)庫管理插件 Database,我們只需配置基本連接信息即可使用。
點擊右側(cè)“Database >> + >> Data source”,選擇對應(yīng)類型數(shù)據(jù)庫(Mysql),如下:
64e32996-f122-46fe-bf79-0a736e0d2a53.png
填寫 Host、Port、User、Password 這些基本連接信息,可點擊”Test Connection“測試配置是否正確,然后點擊”O(jiān)K“。當然還可以使用 SSH 隧道加密連接。
b1599018-5b7f-46d8-b97c-e129e0ea631e.png
雙擊查看維基站的 wiki_archive 表,如下:
edb7eb37-1565-4a0c-a4e6-f3629246fb09.png
在數(shù)據(jù)表列表選中 wiki_archive 右鍵,即可對表進行操作:
e4daad6b-c360-4581-a974-c84292e4fe92.png
執(zhí)行 SQL,需要在 Database 面板上點擊”QL“圖標(或者 Ctrl + Alt + F10),輸入需要執(zhí)行的 SQL 并敲 Ctrl + Enter,如下:
c61f19e2-9067-4d83-b71a-8a6097113968.png
總體上集成的 Database 工具已經(jīng)滿足了大部分數(shù)據(jù)庫操作,集成到 PhpStorm 后開發(fā)快速便捷。
Git
Git 已經(jīng)成為了我們常用的版本管理工具,PhpStorm 中也集成了 Git 工具。
在“VCS >> Git >> Clone”,即可從倉庫拉取代碼:
cf18c3c6-893b-480b-8f23-9e307795aea0.png
需要向本地庫添加新文件時,點擊“Git >> Add“即可。
Commit 修改時,選中項目目錄點擊“Git >> Commit Directory”,如下:
671a31a8-d6ab-4360-85be-e91b558aa42f.png
創(chuàng)建分支時,點擊“Git >> Repository >> Branches”,如下:
c70747a5-72b1-4e86-b403-6de95a7ad7c3.png
Pull 和 Push 代碼時,直接點擊“Git >> Repository >> Pull/Push“。
查看某個文件的提交記錄,只需選中文件并右擊 “Git >> Show History”,如下:
18b8699d-36c8-481e-ac72-3fe842c895fb.png
在 PhpStorm 底部欄“Version Control”中,可查看到 Git 相關(guān)的日志信息。
93de4c13-d30b-4d36-a017-44cb7e5078a5.png
PhpStorm 中的 Git 工具,使得我們可以更加集中管理代碼,推薦使用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容