webstorm基礎使用總結


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未完待不待續....

 


免責聲明!

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



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