webstrom使用手冊

http://blog.csdn.net/kongjiea/article/details/48262851javascript

http://www.jb51.net/article/58310.htmcss

http://blog.csdn.net/kongjiea/article/details/48262851html

0、重裝webstorm.須要從新輸入註冊碼方可進入,註冊碼是:java

User Name:

EMBRACE
 
License Key:

===== LICENSE BEGIN =====

24718-12042010

00001h6wzKLpfo3gmjJ8xoTPw5mQvY

YA8vwka9tH!vibaUKS4FIDIkUfy!!f

3C"rQCIRbShpSlDcFT1xmJi5h0yQS6

===== LICENSE END =====css3

一、複製當前行:ctrl+alt+↓,推薦ctrl+d(若是不能用證實webstorm沒有裝好,需卸載從新安裝);angularjs

二、打開編輯器設置窗口setting:ctrl+alt+s;web

三、當初次打開的項目文檔中漢字全是這樣的匚小方塊時,表示webstorm目前對漢字不識別,解決辦法是:bootstrap

按ctrl+alt+s打開setting設置窗→選擇Appearance→選中右邊面板的:Override default fonts by (not recommended):其中設置瀏覽器

Name:爲微軟雅黑(推薦)服務器

Size:12

便可;

四、要想webstorm編輯器中有angularjs和bootstrap的文檔提示功能,必須先引入這兩個庫的相關文件纔會出現相應的提示,如:

引入bootstrap.min.css纔有bootstrap樣式類的提示;

五、webstorm會自動保存,無需人工手動保存;

六、webstorm右邊欄能夠點擊選擇瀏覽器自行訪問當前頁面,看效果,且訪問方式是服務器端;

七、文件File→Reopen project→可選擇要打開的項目文件(在新窗口中打開)(其實直接file→open也同樣);

八、ctrl+alt+F12能夠打開選中文件或目錄所在的物理盤符路徑;

九、縮進:往前進一格是空格鍵,日後退一格shift+tab;

十、ctrl+shift+alt+N經過一個字符快速查找位置(必記)
   ctrl+F在文件內快速查找代碼
   F3查找下一個
   shift+F3查找上一個

十一、代碼段上移alt+↑,代碼段下移alt+↓;

十二、右擊左邊的樹目錄文件列表能夠新建各類文件,如:html文件和js文件等;

1三、重命名文件:alt+shift+r或右擊文件:點refactor->rename;

1四、寫css3樣式代碼時,它會提示輸入兼容各類瀏覽器的樣式代碼段,按回車輸入,而且能夠羣組同時編輯,很是方便;

1五、ctrl+alt+enter能夠在當前行前面輸入一個空行;

1六、ctrl+L能夠彈出go to Line彈窗,輸入行號便可跳轉到指定行;

1七、ctrl+tab鍵能夠在當前打開的兩個文件頁籤之間切換,很是便捷;

1八、edit→Duplicate Line就是複製當前行(快捷鍵:ctrl+alt+↓或ctrl+D);

1九、edit→indent Line就是縮進當前行或縮進所選擇的代碼段(快捷鍵:tab);

20、edit→unindent Line就是向前退格當前行或退格所選擇的代碼段(快捷鍵:shift+tab);

2一、ctrl + b: 跳到變量申明處——跳轉到函數定義的地方也是這個快捷鍵,須要點擊在變量名或函數名上,點ctrl + b就會自動跳轉到函數聲明處;

2二、webstorm很是吃內存,因此當webstorm變的卡頓時,網上的解決方案是:

具體辦法:

找到WebStorm.exe.vmoptions這個文件,路徑以下

webstorm安裝主目錄>bin>WebStorm.exe.vmoptions

更改成

第二行:-Xms526m

第三行:-Xmx1024m

2三、ctrl+tab鍵切換頁籤

2四、直接file——open一個文件夾,就能夠打開該文件夾項目

2五、很是重要的一個功能:查找

□、ctrl+f是簡單查找,上面會彈出一個搜索欄,搜索輸入的字符串匹配

□、(當前文檔)全文查找:搜索欄中有一個箭頭向上的Find All(Alt+f7)按鈕,點擊後下面的狀態欄會出現全部找到的匹配,在單個匹配上點F4就可跳轉到文檔源碼的匹配上進行操做。

2六、shift+f6重命名文件或右擊選中的文件——選Refactor——Rename也可重命名文件

2七、被引用的文件,按住ctrl鍵能夠看到該引用文件的物理路徑所在

http://www.cnblogs.com/Joans/p/3860068.html配置、快捷鍵

2八、ctrl + r: 替換

2九、alt + left->/right<-:標籤切換

30、ctrl + shift + i : 顯示當前光標所在位置的CSS選擇器(類名、id等)或者JS函數(或整個引用的js文件等)的詳細信息

3一、alt + '7': 顯示當前的函數或html文檔的結構。

3二、ctrl + shift + ]/[: 選中塊代碼

3三、ctrl + shift + / : 塊註釋

3四、ctrl + '-/+': 能夠摺疊項目中的任何代碼塊,它不是選中摺疊,而是自動識別摺疊。

3五、ctrl + '.': 摺疊選中的代碼的代碼。

3六、shift + esc: 當前激活的任意小窗口最小化,也能夠是alt+數字鍵,數字在小窗口有顯示。

3七、ctrl + F12: 能夠顯示當前文件的結構

3八、ctrl + shift + n: 打開工程中的文件,目的是打開當前工程下任意目錄的文件。

3九、ctrl + b: 跳到變量申明處

40、ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)

4一、ctrl + []: 匹配 {}[]

高級查找、替換

4二、F3 查找下一個

4三、shift+F3 查找上一個

4四、ctrl+R 文件內代碼替換

4五、ctrl+shift+R 指定目錄內代碼批量替換

4六、ctrl+shift+F 指定目錄內代碼批量查找

4七、ctrl+shift+alt+N 經過一個字符快速查找位置(必記),查找後雙擊便可跳轉到該位置處

4八、ctrl+shift+N 經過文件名快速查找工程內的文件(必記)

界面操做:

4九、ctrl+shift+A 快速查找並使用編輯器全部功能(必記)

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

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

5二、ctrl+alt+s 打開配置窗口

代碼編輯:

5三、alt+Insert 新建一個文件或其餘

5四、ctrl+alt+L 格式化代碼

5五、shift+tab/tab 減小/擴大縮進(能夠在代碼中減小行縮進)

5六、ctrl+Y 刪除一行

5七、shift+enter 從新開始一行(不管光標在哪一個位置)

5八、ctrl+G 到指定行的代碼

5九、ctrl+]/[ 光標到代碼塊的前面或後面

60、alt+up/down 上一個/下一個方法

6一、ctrl+p 向遠程版本庫推送更新

6二、ctrl+C 提交代碼

6三、Ctrl + Shift + Enter:

多屏顯示:

6四、window-->Editor Tabs-->spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)就能夠顯示成雙欄代碼界面

6五、在雙欄的基礎上還可再分紅3欄,甚至多欄,而後用window-->Editor Tabs-->change spiltter Orientation來自動自適應(自動調節)界面多欄佈局到最佳

6六、關閉多欄顯示的頁籤便可恢復到單欄佈局狀態

相關文章
相關標籤/搜索