VS Code

[TOC]

插件

VSCode折腾记-(1)快捷键大全

【备忘】 vscode 必备插件
VsCode中使用Emmet神器快速编写HTML代码

html代码补全

html:4t、html:4s、html:xt、html:xs、html:xxs、html:5

1. Child: >
   nav>ul>li
   

2. Sibling: +
   div+p+bq
   

3. Climb-up: ^
   div+div>p>span+em^bq
   

   
   div+div>p>span+em^^bq
   

4. Grouping: （）
   div>（header>ul>li2>a）+footer>p
   

   
   （div>dl>（dt+dd）3）+footer>p
   

5. Multiplication: *
   ul>li*5
   

6. Item numbering:
   ul>li.item$3
   

   
   h$[title=item$]{Header $}3
   

   Header 1

   Header 2

   Header 3

   
   ul>li.item$$$5
   
   
   ul>li.item$＠-5
   
   
   ul>li.item$＠3*5
   

7. ID and CLASS attributes
   ＃header
   

   
   .title
   
   
   form＃search.wide
   
   
   p.class1.class2.class3
   

8. Custom attributes
   p[title="Hello world"]
   

   
   td[rowspan=2 colspan=3 title]
   
   [a=""value1"" b="value2"]
   

9. Text: {}
   a{Click me}
   Click me
   p>{Click }+a{here}+{ to continue}
   

   Click here to continue

10. Implicit tag names
    .class
    

    
    em>.class
    
    ul>.class
    
    
    11 .table>.row>.col
    

HTML

All unknown abbreviations will be transformed to tag， e.g. foo
→
.

1. !
   Alias of html:5
   

2. a
   

3. a:link
   

4. a:mail
   

5. abbr
   

6. acronym
   

7. base
   

8. basefont
   

9. br
   


10. frame
    

11. hr
    

    ---

12. bdo
    

13. bdo:r
    

14. bdo:l
    

15. col
    

16. link
    

17. link:css
    

18. link:print
    

19. link:favicon
    

20. link:touch
    

21. link:rss
    

22. link:atom
    

23. meta
    
    meta:utf
    
    meta:win
    
    meta:vp
    
    meta:compat
    

24. style
    

25. script
    
    script:src
    

26. img
    

27. iframe
    

28. embed
    

29. object
    

30. param
    

31. map
    

32. area
    
    area:d
    
    area:c
    
    area:r
    
    area:p
    

33. form
    

    
    form:get
    
    
    form:post
    

34. label
    

35. input
    
    inp
    
    input:hidden
    Alias of input[type=hidden name]
    
    input:h
    Alias of input:hidden
    
    input:text， input:t
    Alias of inp
    
    input:search
    Alias of inp[type=search]
    
    input:email
    Alias of inp[type=email]
    
    input:url
    Alias of inp[type=url]
    
    input:password
    Alias of inp[type=password]
    
    input:p
    Alias of input:password
    
    input:datetime
    Alias of inp[type=datetime]
    
    input:date
    Alias of inp[type=date]
    
    input:datetime-local
    Alias of inp[type=datetime-local]
    
    input:month
    Alias of inp[type=month]
    
    input:week
    Alias of inp[type=week]
    
    input:time
    Alias of inp[type=time]
    
    input:number
    Alias of inp[type=number]
    
    input:color
    Alias of inp[type=color]
    
    input:checkbox
    Alias of inp[type=checkbox]
    
    input:c
    Alias of input:checkbox
    
    input:radio
    Alias of inp[type=radio]
    
    input:r
    Alias of input:radio
    
    input:range
    Alias of inp[type=range]
    
    input:file
    Alias of inp[type=file]
    
    input:f
    Alias of input:file
    
    input:submit
    
    input:s
    Alias of input:submit
    
    input:image
    
    input:i
    Alias of input:image
    
    input:button
    
    input:b
    Alias of input:button
    
    input:reset
    Alias of input:button[type=reset]
    

36. isindex
    

37. option
    

38. textarea
    

39. menu:context
    Alias of menu[type=context]>
    

    
    menu:c
    Alias of menu:context
    
    menu:toolbar
    Alias of menu[type=toolbar]>
    
    menu:t
    Alias of menu:toolbar
    

40. video
    

41. audio
    
    html:xml
    

42. keygen
    

43. command
    

44. bq
    Alias of blockquote
    

45. acr
    Alias of acronym
    

46. fig
    Alias of figure
    

47. figc
    Alias of figcaption
    

48. ifr
    Alias of iframe
    

49. emb
    Alias of embed
    

50. obj
    Alias of object
    

51. src
    Alias of source
    

52. cap
    Alias of caption
    

53. colg
    Alias of colgroup
    

54. fst， fset
    Alias of fieldset
    

55. btn
    Alias of button
    
    btn:b
    Alias of button[type=button]
    
    btn:r
    Alias of button[type=reset]
    
    btn:s
    Alias of button[type=submit]
    

56. optg
    Alias of optgroup
    
    opt
    Alias of option
    

57. tarea
    Alias of textarea
    

58. leg
    Alias of legend
    

59. sect
    Alias of section
    

60. art
    Alias of article
    

61. hdr
    Alias of header
    

62. ftr
    Alias of footer
    

63. adr
    Alias of address
    

64. dlg
    Alias of dialog
    

65. str
    Alias of strong
    

66. prog
    Alias of progress
    

67. datag
    Alias of datagrid
    

68. datal
    Alias of datalist
    

69. kg
    Alias of keygen
    

70. out
    Alias of output
    

71. det
    Alias of details
    

72. cmd
    Alias of command
    

73. doc
    Alias of html>（head>meta[charset=UTF-8]+title{${1:Document}}）+body
    
    doc4
    Alias of html>（head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}}）+body
    

74. html:4t
    Alias of !!!4t+doc4[lang=${lang}]
    
    html:4s
    Alias of !!!4s+doc4[lang=${lang}]
    
    html:xt
    Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
    
    html:xs
    Alias of !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
    
    html:xxs
    Alias of !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
    

75. html:5
    Alias of !!!+doc[lang=${lang}]
    

76. ol+
    Alias of ol>li
    

    
    ul+
    Alias of ul>li
    
    
    dl+
    Alias of dl>dt+dd
    
    
    map+
    Alias of map>area
    
    table+
    Alias of table>tr>td
    
    colgroup+， colg+
    Alias of colgroup>col
    
    tr+
    Alias of tr>td
    

Alias of >option
< name="" id="">
optgroup+， optg+
Alias of optgroup>option

77. !!!
    
    !!!4t
    
    !!!4s
    
    !!!xt
    
    !!!xs
    
    !!!xxs
    
    c
    
    cc:ie6
    cc:ie
    cc:noie
    ￥{child}