IDEA快捷键之html篇-2

上一篇 IDEA快捷键之html篇-1

• idea编写HTML代码常用快捷键
  2021-05-15 20:05:47

  IntelliJ-Idea开发工具来编写HTML代码时常用的快捷键 输入然后+Tab键

  windows用户将command换成ctrl

    1、link:css      引入css文件      <link rel="stylesheet" href="">
    2、script:src    引入js文件       <script src=""></script>
    3、ul+            ul以及一个li
    4、script         html中插入js
    5、a:link         <a href=”http://”></a>
    6、html:5         h5结构
    7、div.class1     class:class1    <div class="class1"></div>
    8、div#id1        id:id1          <div id="id1"></div>
    9、div.class1.class2   class:class1,class2    <div class="class1 class2"></div>
    10、a.mail          <a href=''mailto:''></a>
    11、form:get        get表单
    12、input:hidden    hidden输入框
    13、head>link:css   head+link
    14、p+P             两个p
    15、p*3             3个p
    16、ul>li.item$*5    创建ul下有个li同时class分别为item1，item2...5个
    17、pos             position，组合可用pos:s|a|r|f
    18、t               top，组合a auto
    19、r               right，组合a 
    20、l               left
    21、b               bottom
    22、z               z-index
    23、fl              float
    24、cl              clear
    25、d               display 组合可用n|b|i|ib
    26、ov              overflow
    27、v               visibility
    28、zoo             zoom:1
    29、cp              clip
    30、bx              box-sizing
    31、bxsh:w          -webkit-box-shadow:0 0 0 #000;
  

  导包：alt+enter
  生成构造，getter，setter：control + enter
  选中多个相同的元素：control + G
  自动为每行尾部添加分号： command + shift + enter
  

 这些快捷操作需要Emmet插件，本文是在VSCode下编写的，其他编辑器如Atom、Sublime Text和Intellij Idea都支持Emmet，其功能还有很多，待以后慢慢学习。