Web前端開發神器——Webstorm不用多介紹,強大的智能提示只是它的一個功能特性,它還具有許多有用的特性,比如版本控制、本地歷史、即時模板等。Webstorm還內置了對 SASS、NodeJS、CoffeeScript、Jade 的支持,并且可自定義代碼格式化規則。
Plugins(插件)
Markdown
支持md,點擊下面的Text/Previev可以切換代碼/預覽視圖
AngularJS
支持AngularJS的標簽提示
AceJump
快速定位光標位置,有了它你可以丟棄鼠標了
最重要的插件:
Webstorm APICloud Plugins
WebStorm APICloud Plugins是APICloud為開發者提供的一套開源的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: 減少/擴大縮進(可以在代碼中減少行縮進)