WebStorm高效快捷生成html标签锦集（IDEA同）

注释
Ctrl+/：单行注释

<!---->

Ctrl+Shift+/：多行注释

<!--
行1
行2
行3
-->

Alt+鼠标拖动下拉：多行光标同步

<div>光标同步打出</div>
<div>光标同步打出</div>
<div>光标同步打出</div>
<div>光标同步打出</div>

快捷标签生成

1、标签名然后按TAB键生成标签，以下都是此方式生成
示例：div TAB键

<div></div>

2、标签+选择器符号+属性值
示例：div#out

<div id="out"></div>

示例：div.out

<div class="out"></div>

3、标签名[属性=“属性值”]
示例：div[name="out"]

<div name="out"></div>

4、标签{文字内容}
示例：div{文字内容}

<div>文字内容</div>

5、父标签>子标签
示例：div>span

<div><span></span></div>

6、标签*数量
示例：div*5

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

7、标签+标签
示例：div+div

<div></div>
<div></div>

综合示例
示例1：div#out>div.in$*3>span{文字内容$}

<div id="out"><div class="in1"><span>文字内容1</span></div><div class="in2"><span>文字内容2</span></div><div class="in3"><span>文字内容3</span></div>
</div>

示例2：div.out>(ul.list_out>li.list_left+li.list_right)+div.in>span.ion$*5

<div class="out"><ul class="list_out"><li class="list_left"></li><li class="list_right"></li></ul><div class="in"><span class="ion1"></span><span class="ion2"></span><span class="ion3"></span><span class="ion4"></span><spanclass="ion5"></span></div>
</div>

WebStorm高效快捷生成html标签锦集（IDEA同）相关推荐

Android Studio相见恨晚的操作锦集
作为一个Android开发者,最常使用的就是Android Studio了,我在这里声明Android Studio比Eclipse好用100倍,不服来辩.本文用于纪录Android Studio中相 ...
python后端面试锦集
python锦集计算机网络一.OSI与TCP/IP各层的结构与功能,都有哪些协议? 1.1 应用层应用层(application-layer)的任务是通过应用进程间的交互来完成特定网络应用. ...
ptaa乘以b_PTA|团体程序设计天梯赛-练习题目题解锦集（C/C++）（持续更新中……）...
C++ CPP C++语言开发 PTA|团体程序设计天梯赛-练习题目题解锦集(C/C++)(持续更新中--) PTA|团体程序设计天梯赛-练习题目题解锦集(持续更新中) 实现语言:C/C++: ...
PTA|团体程序设计天梯赛-练习题目题解锦集（C/C++）（持续更新中……）
PTA|团体程序设计天梯赛-练习题目题解锦集(持续更新中) 实现语言:C/C++: 欢迎各位看官交流讨论.指导题解错误:或者分享更快的方法!! 题目链接:https://pintia.cn/ ...
STL中算法锦集(一)
STL中算法锦集(一) 文章目录 STL中算法锦集(一) 一.< algorithm > 1.std::adjacent_find 2.std::all_of 3.std::any_of ...
Python花式编程案例锦集（3）
严格来说,本文的2个代码不算花式编程,在Python中就应该是这样写. 1.生成包含20个随机数的列表,然后删除其中的所有奇数. from random import randrange lst = ...
python入门经典代码-python经典入门学习锦集就这篇够了，强烈建议收藏！
原标题:python经典入门学习锦集就这篇够了,强烈建议收藏! Python 简介 Python 是一种高层次的结合了解释性.编译性.互动性和面向对象的脚本语言.Python 由 Guido van ...
bars 除障句完整_简单的治愈系晚安朋友圈问候语锦集83句
简单的治愈系晚安朋友圈问候语锦集83句你终究会明白,要走的人留不住,装睡的人叫不醒,不爱你的人你永远感动不了.晚安!以下是小编搜索整理的治愈系晚安问候语83句,欢迎阅读. 1.当夜幕降临,我开始祈祷 ...
iphone常用代码锦集（二）
详细内容 OpenGL 及着色器语言入门详详细内容 OpenGL教程三增加投影和简单详细内容 OpenGL教程二添加着色器(sha 现在的位置: 首页 > 技术 > Ipho ...

WebStorm高效快捷生成html标签锦集（IDEA同）

WebStorm高效快捷生成html标签锦集（IDEA同）相关推荐

最新文章

热门文章