Idea（Webstorm）快捷生成代码及快捷键
本文主要介绍本人在使用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>常用快捷键
- CTRL+F/R // 当前文件查找/查找替换
- CTRL+SHIFT+F/R // 全局查找/查找替换
- SHIFT+F6 // 点击文件按下修改文件名
- ALT+鼠标左键 // 从文本开始竖向切割复制，非常实用
- CTRL+D // 复制当前行
- CTRL+X // 剪切当前整行
- CTRL+/（\） // 以//注释行（去除注释）
- CTRL+SHIFT+/（\） // 以/**/注释行（去除注释）
- CTRL+ALT+L // 格式化代码，相当实用
Idea一些功能推荐
- 如果用到mybatis的话，可以考虑去plugin里搜索“mybatisx”这个插件，它会自动检查dao和xml，并且可以通过快捷按钮或快捷键“ctrl+alt+m”对接绑定关系查看