码迷,mamicode.com
首页 > Web开发 > 详细

webstorm基础使用总结

时间:2015-11-13 13:13:37      阅读:592      评论:0      收藏:0      [点我收藏+]

标签:

webstorm基础使用总结(不仅仅是一堆快捷方式

   注:转载请注明出处

本次写的内容是我想到那个就写那个,都是本人平时写代码的时候的一些习惯,未必是最好的,贵在交流!

1:  shift+enter

 解释:不管光标在任何位置,都会跳的下一行;

 举例:在写代码时难免会有些自动补全的代码,比如我们敲 func 会提示一个函数生成,而此时光标在圆括号里,我们又不用写形参,这是按shift+enter是最好的;

 技术分享

 

 这里光标由1跳到了2

2:多光标编辑代码 Alt+鼠标左键

 解释:我们在写css或者html时难免会同时修改不同行的相同代码,这时我们按住鼠标alt键,鼠标点击选择不同行要修改的地方

 举例:

 技术分享   我敲了一遍aaa   ---》   技术分享

 

取消时只需点击其他地方就可以退出

 

3:快速编码开发html

解释:就是能很快的开发html代码(哈哈!)

用法:在html《body》里输入:   div>div>ul>li+li+li  按table后,猜猜会发生什么?看图————》》

技术分享

 

有人会说了,我写这些,那我还要加我的id和class了,哈哈,那你就加啊!我想说的是别急!

再试下这个(记得按table键啊)

div#idName>div.className>ul.className>li.clssName+li+li  

再猜猜会发生什么?--》》猜你妹啊,快点上图

技术分享

 

还有很多写法,记得多学习啊!

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吃饭去喽,未完待不待续....

 

webstorm基础使用总结

标签:

原文地址:http://www.cnblogs.com/xuange306/p/4961802.html

(0)
(3)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!