phpstorm 使用指南

時間 2019-12-05

標籤 phpstorm 使用指南欄目 PHP 简体版

原文原文鏈接

phpstorm 使用指南

前言: 講解 phpstorm 的使用技巧javascript

概述

筆者將 phpstorm 使用總結以下php

環境配置 phpstrom 的經常使用配置
快捷鍵 筆者對經常使用的快捷鍵進行了分類整理
工具 講解筆者在使用中經常使用 phpstorm 功能
雜項 總結使用經驗及其餘技巧css

環境配置

phpstorm 中大部分配置均在 file -> Default Settings 中完成.
對應快捷鍵html

⌘ + , mac 環境
ctrl + alt + s windows 環境

該快捷鍵在後續描述中不會強調,但很是重要!java

主題配置

選擇主題 phpstorm 主題網站
根據機型選擇配置文件node
- MAC 選擇 .icls
- WINDOWS 選擇 .XML
替換主題,參照主題幫助說明
選擇主題

快捷鍵映射

phpstorm 在 mac 和 windows 默認快捷鍵有區別.
經過設置 keymap 可保證統一性.git

ctrl + ' 注意是反引號,選擇 keymap 設置對應的快捷鍵風格

依賴工具

配置 SVN 的工做環境
在 settings -> version_control -> subversion 中設置 svn.exe 的安裝路徑
配置 git
在 settings -> version_control -> git 中設置 git.exe 的安裝路徑
添加瀏覽器chrome
1. 打開設置
2. 搜索 browser,添加新瀏覽器路徑

插件安裝

在設置界面搜索 plugins ,打開搜索各類插件.筆者使用插件以下shell

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 模板
1. 在設置選型中設置好新的標記和過濾器
2. 使用 live template 編輯模板
3. 編輯模板中的變量

更詳細描述參見官方幫助

使用建議

造成本身的 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 運行環境