webstorm的中文教程和技巧分享

標籤：orm   table   tar   padding   bsp   檔案   用法   點擊   jquery   

webstorm是一款前端javascript開發編輯的神器，此文介紹webstorm的中文教程和技巧分享。

webstorm8.0.3中文漢化版下載：
百度網盤下載：http://pan.baidu.com/s/1pJI9PMV

WebStorm為前端javascript開發而生，專門為 javascript開發做了很多最佳化，令前端工程師眼前一亮的。

一、webstorm的功能

1、webstorm的智能的代碼補全：

支援不同瀏覽器的提示，還包括所有使用者自訂的函數(項目中)

代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、webstorm代碼格式化：

代碼不僅可以格式化，而且所有規則都可以自己來定義：

3、代碼編寫中的html提示：

大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。

而且html裡面還能有js提示

4、代碼導航和用法查詢：

只需要按著Ctrl鍵點擊函數或者變數等，就能直接跳轉到定義：

可以全項目尋找函數或者變數，還可以尋找使用並高亮：

5、代碼重構(這個操作有些像Resharper，熟悉Resharper的使用者應該上手很快)：

支援的有重新命名、提取變數/函數、內聯變數/函數、移動/複製、安全刪除等等，比如：

內聯變數重構之後變為：

6、代碼檢查和快速修複：

 

可以快速找到代碼中的錯誤或者需要最佳化的地方，並給出修改意見，快速修複。

 

7、webstorm代碼調試：

8、代碼結構瀏覽：

可以快速探索和定位

9、程式碼摺疊功能：

10、包裹或者去掉外圍代碼：

去掉之後就成了：

二、webstorm常用快速鍵尋找/代替

快速鍵	說明
ctrl+shift+N	通過檔案名稱快速尋找工程內的檔案（必記）
ctrl+shift+alt+N	通過一個字元快速尋找位置（必記）
ctrl+F	在檔案內快速尋找代碼
F3	尋找下一個
shift+F3	尋找上一個
ctrl+R	檔案內代碼替換
ctrl+shift+R	指定目錄內代碼批量替換
ctrl+shift+F	指定目錄內代碼批量尋找
ctrl+R	檔案內代碼替換

介面操作

快速鍵	說明
ctrl+shift+A	快速尋找並使用編輯器所有功能（必記）
alt+[0-9]	快速拆合功能介面模組
ctrl+shift+F12	最大地區顯示代碼（會隱藏其他的功能介面模組）
alt+shift+F	將當前檔案加入收藏夾
ctrl+alt+s	開啟配置視窗
ctrl+tab	切換代碼選項卡（還要進行此選擇，效率差些）
alt+<-或->	切換代碼選項卡
ctrl+shift+N	通過檔案名稱快速尋找工程內的檔案（必記）
ctrl+shift+alt+N	通過一個字元快速尋找位置（必記）
ctrl+F	在檔案內快速尋找代碼
F3	尋找下一個
shift+F3	尋找上一個
ctrl+R	檔案內代碼替換
ctrl+shift+R	指定目錄內代碼批量替換
ctrl+shift+F	指定目錄內代碼批量尋找
ctrl+R	檔案內代碼替換

懶人建站http://www.51xuediannao.com/

快速鍵	說明
ctrl+shift+A	快速尋找並使用編輯器所有功能（必記）
alt+[0-9]	快速拆合功能介面模組
ctrl+shift+F12	最大地區顯示代碼（會隱藏其他的功能介面模組）
alt+shift+F	將當前檔案加入收藏夾
ctrl+alt+s	開啟配置視窗
ctrl+tab	切換代碼選項卡（還要進行此選擇，效率差些）
alt+<-或->	切換代碼選項卡
ctrl+F4	關閉當前代碼選項卡

代碼編輯

快速鍵	說明
ctrl+D	複製當前行
ctrl+W	選中單詞
ctrl+<-或->	以單詞作為邊界跳游標位置
alt+Insert	建立一個檔案或其他
ctrl+alt+L	格式化代碼
shift+tab/tab	減少/擴大縮排（可以在代碼中減少行縮排）
ctrl+Y	刪除一行
shift+enter	重新開始一行（無論游標在哪個位置）

導航

快速鍵	說明
esc	進入代碼編輯地區
alt+F1	尋找代碼在其他介面模組的位置，頗為有用
ctrl+G	到指定行的代碼
ctrl+]/[	游標到代碼塊的前面或後面
alt+up/down	上一個/下一個方法

建議配置版本控制快速鍵

快速鍵	說明
ctrl+C	提交代碼
ctrl+p	向遠程版本庫推送更新
ctrl+G	到指定行的代碼
ctrl+]/[	游標到代碼塊的前面或後面
alt+up/down	上一個/下一個方法

webstorm8.0.3中文漢化版下載：
百度網盤下載：http://pan.baidu.com/s/1pJI9PMV

webstorm的中文教程和技巧分享