代碼編輯

• 代碼跳轉(zhuǎn): Ctrl + 左鍵 或者 Ctrl + B，可以跳轉(zhuǎn)到函數(shù)或者變量的聲明位置

• 調(diào)用位置: Alt + F7，查找調(diào)用者

• 自動(dòng)補(bǔ)全: 最好是修改一下響應(yīng)時(shí)間，Settings->Editors->General->Code Completing: Autopopup in 0.

• 打開(kāi)文件: Ctrl + Shift + N

• 打開(kāi)類(lèi): Ctrl + N

• 打開(kāi)函數(shù): Ctrl + F12

• “超級(jí)”打開(kāi): 雙擊 shift，可以 search anywhere.

• 復(fù)制整行: Ctrl + D

• 刪除整行: Ctrl + Y

• 折疊當(dāng)前塊: Ctrl + “-”，折疊當(dāng)前塊以及子塊: Ctrl + Alt + “-”，折疊全部塊: Ctrl + Shift + “-”

• 展開(kāi), 把折疊的快捷鍵換成”+”

• 選擇: Ctrl + W，會(huì)從小到大逐漸擴(kuò)大。比如按一次,選中word，按兩次，選擇表達(dá)式, 三次, 整個(gè)函數(shù)

重構(gòu)

• 改名: Shift + F6，修改函數(shù)名，變量名，文件名，同時(shí)修改所有引用的位置.

• 移動(dòng)文件: F6, 并修改文件的引用位置, 包括 html 和 js文件

• 抽取函數(shù): Ctrl + Alt + M，整塊代碼抽取成函數(shù)

• 抽取變量: Ctrl + Alt + V，當(dāng)前選中抽取為變量

• 移動(dòng)整塊代碼: Ctrl + Shift + ↑↓

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

Run & Debug

可以直接 Run & Debug NodeJS 腳本，也可以執(zhí)行服務(wù)端腳本

NPM

View -> Tool Windows -> npm，可以打開(kāi) npm 快捷窗口

這里可以直接右鍵 update

可以雙擊執(zhí)行 npm 命令

自動(dòng)測(cè)試

可以在 IDE 中啟動(dòng)測(cè)試框架，比如 karma.

可以自動(dòng)監(jiān)控代碼變化，自動(dòng)運(yùn)行測(cè)試腳本.

版本控制

本地代碼控制

VCS -> Local history 可以列出本次 WebStorm 啟動(dòng)以后，所有的代碼修改。

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

通過(guò)兩個(gè)按鈕, 即可完成 pull、update、merge、commit、push 的完整流程, 非常方便

通過(guò) branch 管理工具，可以方便的切換 branch 工作，同時(shí)可以 create、close、merge 操作

Task

可以與主流的 Task 平臺(tái)集成，可以自動(dòng)拉取 Task，自動(dòng)創(chuàng)建提交記錄.

?

快捷鍵

通過(guò) Ctrl + Shift + A，可以快速的通過(guò)關(guān)鍵字檢索到相應(yīng)的功能設(shè)置和快捷鍵。

這里是快捷鍵文檔

?

格式化代碼

快捷鍵: Ctrl + Shift + L

可以設(shè)置為 commit 前自動(dòng)格式化

靜態(tài)檢查

可以集成主流靜態(tài)檢查工具

這里以 ESLint 為例

在 IDE 中可以啟動(dòng)對(duì)單個(gè)文件，或者整個(gè)工程的靜態(tài)檢查

新技術(shù)支持

支持最新技術(shù)，如 TypeScript CoffeeScript 最新版、 Angular2、ES6 ES7等，集成 Gulp、Grunt 等工具。

虛擬機(jī)參數(shù)

如果工程較大，強(qiáng)烈建議使用 64 位 jre，并修改虛擬機(jī)內(nèi)存參數(shù)，根據(jù)本機(jī)物理內(nèi)存盡量設(shè)置大。

?

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

本文轉(zhuǎn)自 ?zddnd ?51CTO博客，原文鏈接:http://blog.51cto.com/13013666/1939711

總結(jié)

以上是生活随笔為你收集整理的WebStorm 常用功能的使用技巧分享的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。