webstrom使用手冊


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

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

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

0、重裝webstorm.需要重新輸入注冊碼方可進入,注冊碼是:

User Name:

EMBRACE
 
License Key:

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

24718-12042010

00001h6wzKLpfo3gmjJ8xoTPw5mQvY

YA8vwka9tH!vibaUKS4FIDIkUfy!!f

3C"rQCIRbShpSlDcFT1xmJi5h0yQS6

===== LICENSE END =====

1、復制當前行:ctrl+alt+↓,推薦ctrl+d(如果不能用證明webstorm沒有裝好,需卸載重新安裝);

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

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

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

Name:為微軟雅黑(推薦)

Size:12

即可;

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

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

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

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

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

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

9、縮進:往前進一格是空格鍵,往后退一格shift+tab;

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

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

12、右擊左邊的樹目錄文件列表可以新建各種文件,如:html文件和js文件等;

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

14、寫css3樣式代碼時,它會提示輸入兼容各種瀏覽器的樣式代碼段,按回車輸入,並且可以群組同時編輯,非常方便;

15、ctrl+alt+enter可以在當前行前面輸入一個空行;

16、ctrl+L可以彈出go to Line彈窗,輸入行號即可跳轉到指定行;

17、ctrl+tab鍵可以在當前打開的兩個文件頁簽之間切換,非常便捷;

18、edit→Duplicate Line就是復制當前行(快捷鍵:ctrl+alt+↓或ctrl+D);

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

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

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

22、webstorm非常吃內存,所以當webstorm變的卡頓時,網上的解決方案是:

具體辦法:

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

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

更改為

第二行:-Xms526m

第三行:-Xmx1024m

23、ctrl+tab鍵切換頁簽

24、直接file——open一個文件夾,就可以打開該文件夾項目

25、非常重要的一個功能:查找

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

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

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

27、被引用的文件,按住ctrl鍵可以看到該引用文件的物理路徑所在

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

28、ctrl + r: 替換

29、alt + left->/right<-:標簽切換

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

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

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

33、ctrl + shift + / : 塊注釋

34、ctrl + '-/+': 可以折疊項目中的任何代碼塊,它不是選中折疊,而是自動識別折疊。

35、ctrl + '.': 折疊選中的代碼的代碼。

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

37、ctrl + F12: 可以顯示當前文件的結構

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

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

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

41、ctrl + []: 匹配 {}[]

高級查找、替換

42、F3 查找下一個

43、shift+F3 查找上一個

44、ctrl+R 文件內代碼替換

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

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

47、ctrl+shift+alt+N 通過一個字符快速查找位置(必記),查找后雙擊即可跳轉到該位置處

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

界面操作:

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

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

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

52、ctrl+alt+s 打開配置窗口

代碼編輯:

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

54、ctrl+alt+L 格式化代碼

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

56、ctrl+Y 刪除一行

57、shift+enter 重新開始一行(無論光標在哪個位置)

58、ctrl+G 到指定行的代碼

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

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

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

62、ctrl+C 提交代碼

63、Ctrl + Shift + Enter:

多屏顯示:

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

65、在雙欄的基礎上還可再分成3欄,甚至多欄,然后用window-->Editor Tabs-->change spiltter Orientation來自動自適應(自動調節)界面多欄布局到最佳

66、關閉多欄顯示的頁簽即可恢復到單欄布局狀態

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM