概述
筆者將 phpstorm 使用總結如下
環境配置phpstrom 的常用配置快捷鍵筆者對常用的快捷鍵進行了分類整理工具講解筆者在使用中常用 phpstorm 功能-
雜項總結使用經驗及其他技巧
環境配置
phpstorm 中大部分配置均在 file -> Default Settings 中完成.
對應快捷鍵
⌘ + ,mac 環境ctrl + alt + swindows 環境
該快捷鍵在後續描述中不會強調,但非常重要!
主題配置
- 選擇主題 phpstorm 主題網站
-
根據機型選擇配置文件
MAC選擇.iclsWINDOWS選擇.XML
- 替換主題,參照主題幫助說明
- 選擇主題
![]()
快捷鍵映射
phpstorm 在 mac 和 windows 默認快捷鍵有區別.
通過設置 keymap 可保證統一性.
ctrl + '注意是反引號,選擇 keymap 設置對應的快捷鍵風格
依賴工具
- 配置 SVN 的工作環境
在settings -> version_control -> subversion中設置 svn.exe 的安裝路徑 - 配置 git
在settings -> version_control -> git中設置 git.exe 的安裝路徑 -
添加瀏覽器
- 打開設置
- 搜索 browser,添加新瀏覽器路徑
插件安裝
在設置界面搜索 plugins ,打開搜索各種插件.筆者使用插件如下
key prompert提醒使用鍵盤快捷鍵的工具plantuml畫圖工具IdeaVim開啓 vim 模式的編輯器BashSupport支持 shell 的高亮settings repository實現多臺電腦的配置同步 注意在同步配置後,涉及到路徑的配置,在不同電腦上時需手動修復live edit配合 chrome,實現同步編輯string manipulation強大的字符串操作工具hex以 16 進制顯示文件
phpstorm 本身就內置了 emmet,markdown,數據庫連接等功能.建議在需要某些特性之前先去官方文檔中查找,會好於直接尋找插件.
配置導出
當多人使用工具時要保證生產環境的同步常用同步方法如下
- 導出導入設置
如何導出和導入配置文件 - 共享配置文件
共享配置文件說明
wamp 關聯 phpstorm
- 打開配置界面
- 參看動圖
![]()
快捷鍵
以 windows 模式下舉例.若要查找快捷鍵.
打開設置面板,搜索 keymap 再查找對應快捷鍵即可.
控制光標位置
ctrl + m將光標定位到文件中心alt + j多列模式進行選中,只會選擇相同的單詞alt + shift + j取消多列模式home,end移動到行首或行末ctrl + shift + m匹配括號的位置，會將光標移動到對應正括號和反括號位置ctrl + [ 或 ]具有相似功能ctrl + shift + [ 或 ]可已選中對應的括號區域ctrl + pageup將光標移動到頁面頂頭ctrl + pagedown將光標移動到頁面底部ctrl + g輸入:行號:列號快速定位文件位置
編輯文檔
刪除
ctrl + y刪除一行，刪除從ctrl + delete刪除光標後內容ctrl + backspace刪除光標前一個字的內容ctrl + enter在行首會在該行前創建新行，行末會在改行後創建新行
複製
ctrl + d複製選中塊，若沒有則只是複製當前行ctrl + shift + v粘貼文檔時可以選擇行數，多選時按住shift，也可以顯示剪切板歷史
選擇移動
ctrl + w進行選擇擴展,加shift反向操作擴展shift + ↑ 或 ↓向上或向下移動一行shift + home 或 end選擇光標到行首或行末的內容pageup,pagedown向上或向下移動一頁shift pageup,pagedown向上或向下選擇一頁ctrl + shift + [ 或 ]選擇匹配括號的內容，注意使用時光標要放在括號前後才起作用shift + alt + ↑ 或 ↓將光標對應行向上或向下移動，也可以選中多行進行移動shift + ctrl + ↑ 或 ↓對於函數等內容，它是向上或向下移動整個函數ctrl + shift + l格式化代碼，再加上alt可以格式化全局alt + shift + insert實現按照矩形格式來選擇文本的功能
文件控制
ctrl + b跳轉到函數 ，或者按住ctrl點擊函數也可實現該效果。ctrl + f12顯示函數之間的結構關係alt + ↑ 或 ↓函數跳轉的上下切換ctrl + alt + ← 或 →實現前進和返回，但是在windows 中這兩個快捷鍵被用來轉換屏幕,所以建議自定義快捷鍵ctrl + alt + backspace也可實現返回的功能F2當出現規則檢查錯誤時進行導航，加shift爲反向導航，利用ctrl+f1查看錯誤原因,alt+enter查看解決辦法F6和F5移動和複製文件，在彈出框中寫入路徑即可ctrl + alt + shift + t在項目文件樹中使用，會出現對文件移動、複製等操作shift + f6項目窗口中使用可以重命名文件，在編輯模式下沒有作用alt + insert新建文件ctrl + shift + f在工程中查找內容ctrl + shift + U或者 edit | toggle case 修改字母大小寫
設置與查找
ctrl + n全局查找類ctrl + f文件中查找,支持正則ctrl + shift + f支持在整個項目中查找,甚至是整個磁盤中ctrl + r文件替換,支持正則ctrl + shift + r支持在項目中進行批量替換shift + f6可以利用該功能實現項目中變量或文件的重命名ctrl + shift + n全局查找文件，你可以在查找時追加:行號:列號快速定位文件位置ctrl + shift + n使用該方法也可以查找目錄，只需要在搜索關鍵字後加上/的路徑索引符即可ctrl + shift +a查找 PHPSTORM 命令的名稱，及快捷鍵，可以迅速執行ctrl + q快速查找文檔幫助在閱讀函數時非常有用ctrl + alt + t利用此實現環繞
設置標籤
shift + f11,f11設置和清除標籤,利用標籤來進行文件的修改
添加註釋
ctrl + /添加單行註釋ctrl + shift +\添加多行註釋
註釋模式會隨着使用語言自動變化
高級編輯功能
alt + enter在編輯 php 時，若字符串爲 HTML 片段，可以利用該功能實現片段代碼編寫alt + enter該命令在不同環境有多種操作非常重要ctrl + alt + m在編碼時，可以將選擇的塊新建成函數shift + F6在修改函數或文件名的同時，引用該函數或文件的地方也會同時修改ctrl + alt + n當光標在函數變量附近時，使用該快捷鍵會將變量內容變成內聯模式
工作窗口切換
項目樹和文件之間的切換
alt + f1 + 1在全局查找到文件以後，利用該快捷鍵迅速定位在 項目樹中的的位置f4實現在查找到的文件和項目樹之間進行切換alt+左右方向鍵進行文件切換
工作窗口切換
ctrl+tab+左右方向鍵切換所有工作選項alt + number例如 `alt + 打開關閉工程alt + 1打開關閉工程文件夾，可以直接在項目樹中輸入字符進行查找，也可利用上下左右鍵進行展開alt + 6查看 todo 信息alt + 7打開函數結構顯示ctrl + tab切換顯示工具欄alt + f12快速打開控制檯F12打開最近關閉的窗口shift + esc退出，esc也有退出功能。ctrl + f4在非編輯窗口下會退出，在編輯窗口下會關閉當前窗口f4 和 shift +f4打開工程文件夾中所在位置的文件，在新窗口中打開ctrl + shift + e打開最近編輯的文件列表,ctrl + e相似alt + home迅速回到頂層導航欄位置，利用上下左右箭頭切換文件，這是可以利用上下左右鍵進行切換和展開f2導航到下一個錯誤shift + f2上一個錯誤alt + f12打開終端ctrl + shift +t在打開終端下創建新終端ctrl + shift +w在打開終端下關閉終端
拖動工作路徑和文件到終端下會創建一個指向該路徑的新終端
雜項
ctrl + j查詢當前文件支持的自定義模板
工具
利用 TODO
應用場景
- 標註你以後有待修改的代碼
- 團隊協作時，告訴其他人需要維護的部分
- 記錄代辦事項
使用方法
單人使用
利用註釋快捷鍵添加註釋,在註釋中包含todo 描述信息,以 js 代碼舉例
//todo 完成 xx 函數重構
利用 alt + 6 即可查看項目中所有代辦事項
多人模式
- 打開設置,搜索 todo,添加新的 todo 模式，
- 添加過濾器,點擊 todo 窗口的漏斗圖標就會看到自己的過濾器。
-
添加 todo 模板
- 在 設置選型中設置好新的標記和過濾器
- 使用 live template 編輯模板
![]()
- 編輯模板中的變量
![]()
更詳細描述參見 官方幫助
使用建議
形成自己的 todo 風格，參考 stackoverflow 討論(todo 的技巧)
紅色: 無法編譯和運行的代碼
// Error - 編譯或運行時出錯的代碼
// Broken - 代碼無法運行或發生崩潰
// WTF - 極度醜陋的代碼
橙色: 代碼可以運行，但是方法不恰當
// Hack - 爲了使代碼能正常運行而添加的黑客方法
// FixMe - 代碼實現了功能但是可以再可維護性、性能等方面進行改善
// Bug - 代碼已上線，但有時會出現 BUG
// Review - 代碼可以正常工作但是需要複審
// Smells - 類似於修補
藍色: 代碼可以正常運行，但是需要添加特性或補充
// Todo - 函數還沒有完善
// Note - 解釋目前的進展方便其他人
自定義模板
- 設置面板中搜索 live template
-
創建模板組，它的作用是將一組模板放在一起，目的是便於管理，模板組命名可以參考如下規則
- 根據文件類型建立模板組，比如 md 表示所有 markdown 文件下的模板
- 只建立一個模板組 locke ,以自己的用戶名建立模板組
- 按照使用場景建立模板組 ，code 表示編程的模板組。
- 在建立的模板組下創建模板,主要是確定如下方面
![]()
- 設置成功後在對應格式的文件中使用
ctrl + j可以查看該文件類型對應支持的模板。
或者直接輸入模板的簡寫，使用 tab 進行擴展。
在使用模板中有一些常用的預定義變量
| phpstorm 內置變量 | 作用 | |
|---|---|---|
| END | 用來確定模板展開後的光標位置 | |
其餘變量參見 模板變量
調試代碼
重點是理解 phpstorm run/debug 調試器配置
不同語言需要不同的調試環境.此外需要熟悉 phpstorm 調試窗口
js
參考 官方調試說明
html
官方幫助 liveedit
- 首先安裝
liveedit插件 - 安裝 JetBrains IDE Support chrome 插件
- 在 phpstorm 中修改界面,chrome 會同步更新
可以配置 match pattern
可能存在問題
- 若無法正常運行查看頁面是否有錯誤
- 注意配置爲 javascript 調試模式
php
-
打開設置界面選擇
php->interpreter打開 php.ini![]()
- 在打開的配置界面中查找
[xdebug]，並修改如下配置信息
[xdebug]
xdebug.remote_enable = 1 # 開啓遠程調試界面
xdebug.remote_host = "localhost" # 設置遠程界面地址
xdebug.remote_port= 9000 # 開啓遠程監聽端口
xdebug.profiler_enable = off
xdebug.profiler_enable_trigger = off
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir = "D:/work_software/wamp/tmp"
xdebug.show_local_vars=0
xdebug.idekey="PHPSTORM" # xdebug 運行環境
- 在 chrome 下安裝 xdebug helper,修改 Ide key 爲 phpstorm。
- 在 phpstorm 下選擇 run->啓動 debug 監聽
- 在 phpstorm 頁面中設置斷點
- 在瀏覽器中開啓 xdebug helper 調試後，刷新頁面即可
可參考
node
VCS
- 點擊 VCS, 選擇對應版本控制軟件
- 選擇 git -> clone 操作
- 輸入遠程倉庫地址
- 選擇本地保存文件夾
- 克隆到本地後，利用默認的遠程倉庫
origin實現 push 和 pull 操作。
利用配置->版本控制->忽略文件 添加忽略信息.
詳見 phpstorm 官方忽略文件
也可以使用 ctrl + 9 切換到版本控制.
選擇圖標來忽略文件.
可以利用 phpstorm 解決衝突圖例如下
也可直接利用內嵌的終端,通過命令行實現版本控制
自動環繞
alt + ctrl + t可以自動添加各種類型的包圍快
需要進行如下配置
利用命令打開文件
- 選擇
tools -> create command line launcher - 點擊確認後即可利用
# 打開文件
pstorm <file_naem>
查看代碼結構
利用 view->toolwindow->structure 查看代碼結構
各圖標含義如下
macros
利用 macro 來錄製宏.
edit -> macros -> start macro recording開始記錄宏- 執行需要記錄的操作
edit -> macros -> stop macro recording
結束後會要求輸入宏名稱.
保存後利用 edit -> macros -> start macro recording 播放錄製的宏
可以在 php 設置中爲
macros分配快捷鍵,加快操作
其他
經驗
工欲善其事,必先利其器
對於工具的使用筆者的原則爲
常看幫助不會使用的地方先去源頭看幫助.不要陷入漫長的查找中多總結,多記錄對於配置方面的工作,記下來免得下回又要重來不要受限當這個工具無法滿足你時.請結合其他工具.前提是官方以明確指出沒有該特性
使用問題
緩存
phpstorm 及其佔用緩存.當電腦變慢時.
利用 file -> invalidate caches/restart 重啓應用.
工具欄消失
進入 view 菜單選擇 tool bar 和 tool button 即可。
清除無用的 css 樣式
code -> run或者利用快捷鍵alt + ctrl + shift + i- 輸入
unused css - 選擇刪除無效的 css 樣式
文件恢復
- 右鍵點擊工程文件夾
- 選擇
local hostory - 選擇
show history - 選中想要還原的狀態，點擊返回箭頭即可。
文本對齊
- 鍵值對對齊
鍵值對對齊 - 變量申明對齊
![]()