APP開發平臺 > Blog > Webstorm常用插件和快捷鍵

Web前端開發神器——Webstorm不用多介紹,強大的智能提示只是它的一個功能特性,它還具有許多有用的特性,比如版本控制、本地歷史、即時模板等。Webstorm還內置了對 SASS、NodeJS、CoffeeScript、Jade 的支持,并且可自定義代碼格式化規則。


Plugins(插件)


Markdown

支持md,點擊下面的Text/Previev可以切換代碼/預覽視圖


AngularJS

支持AngularJS的標簽提示


AceJump

快速定位光標位置,有了它你可以丟棄鼠標了


最重要的插件:

Webstorm APICloud Plugins

WebStorm APICloud PluginsAPICloud為開發者提供的一套開源的WebStorm擴展插件,包括:應用管理、應用框架、頁面模板、代碼提示、代碼管理、Widget打包、真機同步、日志輸出、管理自定義AppLoader等功能,其他的功能插件也在不斷增加;所有插件都已開源,開發者可以下載這些插件在自己的WebStorm中安裝后使用,開發者也可以在此基礎上按需求擴展自己的插件。



常用快捷鍵

Tab: 生成代碼

alt + [0-9]: 快速拆合功能界面模塊

alt + <-或->: 切換代碼選項卡

alt + F1: 查找代碼在其他界面模塊的位置,頗為有用

alt + Insert: 新建一個文件或其他

alt + shift + F: 將當前文件加入收藏夾

alt + up/down: 上一個/下一個方法

ctrl + / 或 ctrl + shift + /: 注釋(// 或者/*…*/ )

ctrl + ]/[: 光標到代碼塊的前面或后面

ctrl + <-或->: 以單詞作為邊界跳光標位置

ctrl + Alt + B: Go to implementation(s) 跳轉方法實現處

ctrl + alt + enter: 在當前行前面新建行

ctrl + alt + L: 格式化代碼

ctrl + alt + s: 打開配置窗口

ctrl + alt + shift + c: 拷貝相關數據 包括路徑和所在行

ctrl + Alt + T: with…(if, else, try, catch, for, etc)用 * 來圍繞選中的代碼行,( * 包括 if 、 while 、 try catch 等)

ctrl + B: 快速打開光標處的類或方法

ctrl + Backspace: Delete to word start 刪除文字開始

ctrl + B或ctrl + 鼠標左鍵單擊: 快速打開光標處的類或方法,(NB的功能)

ctrl + C: 提交代碼

ctrl + D: 復制當前行

ctrl + Delete: Delete to word end 刪除文字結束

ctrl + E: 最近打開的文件

ctrl + F: 在文件內快速查找代碼

ctrl + F4: 關閉當前代碼選項卡

ctrl + G: 到指定行的代碼

ctrl + p: 向遠程版本庫推送更新

ctrl + R: 文件內代碼替換

ctrl + shift + A: 快速查找并使用編輯器所有功能(必記)

ctrl + shift + alt + N: 通過一個字符快速查找位置(必記)

ctrl + shift + c: 拷貝文件路徑

ctrl + shift + enter: 新建行

ctrl + shift + F: 指定目錄內代碼批量查找

ctrl + shift + F12: 最大區域顯示代碼(會隱藏其他的功能界面模塊)

ctrl + shift + F7、ALT + F3: 高亮顯示所有該文本(選中文本),按Esc高亮消失。

ctrl + shift + I: Open quick definition lookup 打開定義快速查找

ctrl + shift + N: 通過文件名快速查找工程內的文件(必記)

ctrl + shift + R: 指定目錄內代碼批量替換

ctrl + shift + U: Toggle case for word at caret or selected block 光標所在位置大小寫

ctrl + shift + Up/Down: 代碼向上/下移動。

ctrl + shift + v: 從歷史記錄中粘貼

ctrl + tab: 切換代碼選項卡

ctrl + W: 選中單詞

ctrl + X: 刪除行

ctrl + Y: 刪除一行

esc: 進入代碼編輯區域

F11: Toggle bookmark 切換標記

F2 或shift + F2: 高亮錯誤或警告快速定位

F3: 查找下一個

shift + enter: 重新開始一行

shift + F3/F3: 查找上一個

shift + F6: 重構-重命名(快速修改html標簽)

shift + tab/tab: 減少/擴大縮進(可以在代碼中減少行縮進)



高效的App定制平臺,標準化、便宜、快!

提交APP定制開發需求
人人干人人摸人人,人人干人人摸人人操,人人干人人摸人人插,人人干人人摸人人看,人人干人人摸人人入