天天看點

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

代碼跳轉: Ctrl + 左鍵 或者 Ctrl + B,可以跳轉到函數或者變量的聲明位置

調用位置: Alt + F7,查找調用者

自動補全: 最好是修改一下響應時間,Settings->Editors->General->Code Completing: Autopopup in 0.

打開檔案: Ctrl + Shift + N

打開類: Ctrl + N

打開函數: Ctrl + F12

“超級”打開: 輕按兩下 shift,可以 search anywhere.

複制整行: Ctrl + D

删除整行: Ctrl + Y

折疊目前塊: Ctrl + “-”,折疊目前塊以及子塊: Ctrl + Alt + “-”,折疊全部塊: Ctrl + Shift + “-”

展開, 把折疊的快捷鍵換成”+”

選擇: Ctrl + W,會從小到大逐漸擴大。比如按一次,選中word,按兩次,選擇表達式, 三次, 整個函數

改名: Shift + F6,修改函數名,變量名,檔案名,同時修改所有引用的位置.

移動檔案: F6, 并修改檔案的引用位置, 包括 html 和 js檔案

抽取函數: Ctrl + Alt + M,整塊代碼抽取成函數

抽取變量: Ctrl + Alt + V,目前選中抽取為變量

移動整塊代碼: Ctrl + Shift + ↑↓

包裹: Ctrl + Alt + T,外層包裹,比如 if、try catch等

可以直接 Run & Debug NodeJS 腳本,也可以執行服務端腳本

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

View -> Tool Windows -> npm,可以打開 npm 快捷視窗

這裡可以直接右鍵 update

可以輕按兩下執行 npm 指令

可以在 IDE 中啟動測試架構,比如 karma.

可以自動監控代碼變化,自動運作測試腳本.

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

本地代碼控制

VCS -> Local history 可以列出本次 WebStorm 啟動以後,所有的代碼修改。

可以內建主流的版本控制工具, 如 git、mercurial、subversio 等

通過兩個按鈕, 即可完成 pull、update、merge、commit、push 的完整流程, 非常友善

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

通過 branch 管理工具,可以友善的切換 branch 工作,同時可以 create、close、merge 操作

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

可以與主流的 Task 平台內建,可以自動拉取 Task,自動建立送出記錄.

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

通過 Ctrl + Shift + A,可以快速的通過關鍵字檢索到相應的功能設定和快捷鍵。

這裡是快捷鍵文檔

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

快捷鍵: Ctrl + Shift + L

可以設定為 commit 前自動格式化

可以內建主流靜态檢查工具

這裡以 ESLint 為例

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

在 IDE 中可以啟動對單個檔案,或者整個工程的靜态檢查

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

支援最新技術,如 TypeScript CoffeeScript 最新版、 Angular2、ES6 ES7等,內建 Gulp、Grunt 等工具。

如果工程較大,強烈建議使用 64 位 jre,并修改虛拟機記憶體參數,根據本機實體記憶體盡量設定大。

WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數
WebStorm 常用功能的使用技巧分享代碼編輯重構Run & DebugNPM自動測試版本控制Task快捷鍵格式化代碼靜态檢查新技術支援虛拟機參數

本文隻分享了一些個人常用的基本操作,更多 WebStorm 功能的使用技巧,期待能和大家一起探索。

本文轉自  zddnd  51CTO部落格,原文連結:http://blog.51cto.com/13013666/1939711