wawz.top
wawz.top

Idea（Webstorm）快捷生成代码及快捷键

本文主要介绍本人在使用idea和webstorm过程中的一些觉得有意思的操作，像快速生成代码、快捷键等等

Html快捷生成代码

*批量生成标签

html 复制代码 
li*3 // tab

// 生成
<li></li>
<li></li>
<li></li>

. #生成class和id

html 复制代码 
li.test#test // tab

// 生成
<li class="test" id="test"></li>

$获取循环下标

html 复制代码 
li.test$*3 // tab

// 生成
<li class="test1"></li>
<li class="test2"></li>
<li class="test3"></li>

中括号添加属性

language 复制代码 
a[href=#][title=测试]{测试中括号} // tab

// 生成
<a href="#" title="测试">测试中括号</a>

大括号添加text，$获取下标

html 复制代码 
li{$}*3 // tab

// 生成
<li>1</li>
<li>2</li>
<li>3</li>

>生成子节点

html 复制代码 
ul.test-ul>li.test-li$*3 // 生成
// 生成
<ul class="test-ul">
    <li class="test-li1"></li>
    <li class="test-li2"></li>
    <li class="test-li3"></li>
</ul>

^与首节点生成兄弟

html 复制代码 
ul>li*3^div{这个div和ul相邻} // tab

// 生成
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div>这个div和ul相邻</div>

双$$

html 复制代码 
li.test$$*3 // tab

// 生成
<li class="test01"></li>
<li class="test02"></li>
<li class="test03"></li>

+号与相邻标签生成兄弟

html 复制代码 
input+button+div // tab

// 生成
<input type="text">
<button></button>
<div></div>

小括号隔断效果

html 复制代码 
table>(thead>tr*2>th$*3)+(tbody>tr*2>td$*3) // tab
// 生成
<table>
    <thead>
    <tr>
        <th1></th1>
        <th2></th2>
        <th3></th3>
    </tr>
    <tr>
        <th1></th1>
        <th2></th2>
        <th3></th3>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td1></td1>
        <td2></td2>
        <td3></td3>
    </tr>
    <tr>
        <td1></td1>
        <td2></td2>
        <td3></td3>
    </tr>
    </tbody>
</table>

常用快捷键

  1. CTRL+F/R // 当前文件查找/查找替换
  2. CTRL+SHIFT+F/R // 全局查找/查找替换
  3. SHIFT+F6 // 点击文件按下修改文件名
  4. ALT+鼠标左键 // 从文本开始竖向切割复制，非常实用
  5. CTRL+D // 复制当前行
  6. CTRL+X // 剪切当前整行
  7. CTRL+/（\） // 以//注释行（去除注释）
  8. CTRL+SHIFT+/（\） // 以/**/注释行（去除注释）
  9. CTRL+ALT+L // 格式化代码，相当实用

Idea一些功能推荐

  1. 如果用到mybatis的话，可以考虑去plugin里搜索“mybatisx”这个插件，它会自动检查dao和xml，并且可以通过快捷按钮或快捷键“ctrl+alt+m”对接绑定关系查看

评论区

  1. [微笑]
  2. [嘻嘻]
  3. [哈哈]
  4. [可爱]
  5. [可怜]
  6. [挖鼻]
  7. [吃惊]
  8. [害羞]
  9. [挤眼]
  10. [闭嘴]
  11. [鄙视]
  12. [爱你]
  13. [泪]
  14. [偷笑]
  15. [亲亲]
  16. [生病]
  17. [太开心]
  18. [白眼]
  19. [右哼哼]
  20. [左哼哼]
  21. [嘘]
  22. [衰]
  23. [委屈]
  24. [吐]
  25. [哈欠]
  26. [抱抱]
  27. [怒]
  28. [疑问]
  29. [馋嘴]
  30. [拜拜]
  31. [思考]
  32. [汗]
  33. [困]
  34. [睡]
  35. [钱]
  36. [失望]
  37. [酷]
  38. [色]
  39. [哼]
  40. [鼓掌]
  41. [晕]
  42. [悲伤]
  43. [抓狂]
  44. [黑线]
  45. [阴险]
  46. [怒骂]
  47. [互粉]
  48. [心]
  49. [伤心]
  50. [猪头]
  51. [熊猫]
  52. [兔子]
  53. [ok]
  54. [耶]
  55. [good]
  56. [NO]
  57. [赞]
  58. [来]
  59. [弱]
  60. [草泥马]
  61. [神马]
  62. [囧]
  63. [浮云]
  64. [给力]
  65. [围观]
  66. [威武]
  67. [奥特曼]
  68. [礼物]
  69. [钟]
  70. [话筒]
  71. [蜡烛]
  72. [蛋糕]
0

历史记录

没有更多了