webstorm基礎使用總結(不僅僅是一堆快捷方式)
本次寫的內容是我想到那個就寫那個,都是本人平時寫代碼的時候的一些習慣,未必是最好的,貴在交流!
1: shift+enter
解釋:不管光標在任何位置,都會跳的下一行;
舉例:在寫代碼時難免會有些自動補全的代碼,比如我們敲 func 會提示一個函數生成,而此時光標在圓括號里,我們又不用寫形參,這是按shift+enter是最好的;
這里光標由1跳到了2
2:多光標編輯代碼 Alt+鼠標左鍵
解釋:我們在寫css或者html時難免會同時修改不同行的相同代碼,這時我們按住鼠標alt鍵,鼠標點擊選擇不同行要修改的地方
舉例:
我敲了一遍aaa ---》
取消時只需點擊其他地方就可以退出
3:快速編碼開發html(內置Emmet )
解釋:就是能很快的開發html代碼(哈哈!)
用法:在html《body》里輸入: div>div>ul>li+li+li 按table后,猜猜會發生什么?看圖————》》
有人會說了,我寫這些,那我還要加我的id和class了,哈哈,那你就加啊!我想說的是別急!
再試下這個(記得按table鍵啊)
div#idName>div.className>ul.className>li.clssName+li+li
再猜猜會發生什么?--》》猜你妹啊,快點上圖
還有很多寫法,記得多學習,搜索Emmet查看語法!
4:再說個關於快速添加注釋符號的 ctrl+/ 和 ctrl+shift+/
解釋:這個在css,html,js中都很有用的,而且會按各自的標准去添加
用法:這個也要教,去死吧!
算了,回來,我簡單的說說吧
就是添加: //、 /* */、 <-- -->;這幾個注釋標簽當然也是一個規則,選中則被包含,不選中擇...
5:說個js的包含代碼塊(懂不?) ctrl+alt+T
解釋:就是我們在開發js的時候寫了一些代碼,比如alert('你個SB'),最后覺得這個罵一句不爽,我要來個for循環,多罵幾句,就用這個,
常規我們是鼠標移到alert('你個SB')這行代碼上選中按 ctrl+x 之后再寫下for循環再 ctrl+v 才算完成了現在不用了
用法:
看見for前邊有個 數字0 了嗎?對,按 0 就可以了,還有,這里不選中代碼塊則包裹整行代碼;
6:格式化代碼---全局格式和局部格式( ctrl+ alt + L)
解釋:代碼格式化就是指代碼整齊的,按一定規則進行縮進!css,html,js都有自己的縮進規則
用法:在不選中代碼塊時,格式的是整個頁面,選中部分代碼時,只針對選中的代碼進行格式化!
就不上圖了!
7:未完待不待續....