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