Skip to main content

Custom Emmet Abbreviations

Global​


Comment Anchor​

  • PATH

    p.code
    "commentAnchorPath": {
      "prefix": "cap",
      "body": [
        "$BLOCK_COMMENT_START PATH ${1:Text:} $BLOCK_COMMENT_END",
        "$2",
      ],
      "description": "Anchor PATH"
    },

  • Note

    p.code
    "commentAnchorNote": {
      "prefix": "can",
      "body": [
        "$BLOCK_COMMENT_START NOTE ${1:Text:} $BLOCK_COMMENT_END",
        "$2",
      ],
      "description": "Anchor PATH"
    },

  • Section

    p.code
    "commentAnchorSection": {
      "prefix": "cas",
      "body": [
        "$BLOCK_COMMENT_START SECTION ${1:Text:} $BLOCK_COMMENT_END",
        "$2",
        "$BLOCK_COMMENT_START !SECTION END ${1:Text:} $BLOCK_COMMENT_END"
      ],
      "description": "Comment Anchor Section"
    },

Codeblock​

Highlight​

Danger:

  • following Highlight-Snippets works only if Codeblock has no Intendation!

  • Higlight Line

    p.code
    "HighlightNextLine": {
      "prefix": "#next",
      "body": [
        "$LINE_COMMENT highlight-next-line",
      ],
      "description": "Highlight next CodeLine"
    },

  • Highlight Error

    p.code
    "HighlightErrorLine": {
      "prefix": "#error",
      "body": [
        "$LINE_COMMENT highlight-next-line-error"
      ],
      "description": "Highlight Error next CodeLine"
    },
    p.code

  • Higlight Block
    p.code
    "HighlightBlockCodeblock": {
      "prefix": "#block",
      "body": [
        "$LINE_COMMENT highlight-start",
        "$LINE_COMMENT highlight-end"
      ],
      "description": "Highlight Codeblock"
    },


Markdown | MDX​

Codeblock​

Bash​

markdown.json
"CodeblockBash": {
  "prefix": "mcb",
  "body": [
    "```bash ${1:title='$2'}",
    "$3",
    "```",
    "$4"
  ],
  "description": "Insert bash fencedCodeblock"
},

Css​

markdown.json
"CodeblockCss": {
  "prefix": "mcc",
  "body": [
    "```css ${1:title='$2'}",
    "$3",
    "```",
    "$4"
  ],
  "description": "Insert css fencedCodeblock"
},

Empty​

markdown.json
"CodeblockEmpty": {
  "prefix": "mc",
  "body": [
    "```",
    "$2",
    "```",
    "$3"
  ],
  "description": "Insert Empty fencedCodeblock"
},

Html​

markdown.json
"CodeblockHtml": {
  "prefix": "mch",
  "body": [
    "```html ${1:title='$2'}",
    "$3",
    "```",
    "$4"
  ],
  "description": "Insert html fencedCodeblock"
},

Javascript​

markdown.json
"CodeblockJS": {
  "prefix": "mcj",
  "body": [
    "```javascript ${1:title='$2'}",
    "$3",
    "```",
    "$4"
  ],
  "description": "Insert Javascript fencedCodeblock"
},

JSX | Live Editor​

markdown.json
"CodeBlockJsx": {
  "prefix": "mcjsx",
  "body": [
    "```jsx live",
    "$1",
    "```",
    "$2"
  ],
  "description": "Insert bash fencedCodeblock"
},

Terminal manually​

markdown.json
"CodeblockNPM": {
  "prefix": "mnpm2",
  "body": [
    "<Tabs>",
    "<TabItem value='npm' label='npm'>",
    "",
    "```bash",
    "$1",
    "```",
    "</TabItem>",
    "<TabItem value='yarn' label='yarn'>",
    "",
    "```bash",
    "$2",
    "```",
    "</TabItem>",
    "<TabItem value='pnpm' label='pnpm'>",
    "",
    "```bash",
    "$3",
    "```",
    "</TabItem>",
    "</Tabs>",
    "$4"
  ],
  "description": "Insert npm Tab manually "
},

Terminal npm2yarn​

markdown.json
"CodeblockNPM2YARN": {
  "prefix": "mnpm",
  "body": [
    "```bash npm2yarn",
    "$1",
    "```",
    "$2"
  ],
  "description": "Insert Tab npm2yarn"
},

Html​

Heading centered​
markdown.json
"HeadingCenter": {
  "prefix": "mh",
  "body": [
    "<CardHeading>",
    "",
    "  $1",
    "</CardHeading>",
    "$2"
  ],
  "description": "Insert centered heading"
},

Warp Line​

markdown.json
"HtmlWrap": {
  "prefix": "mb",
  "body": [
    "<br/>",
    "$2",
  ],
  "description": "Wrap Line"
},

Cards​

Chapter​
markdown.json
"CardChapter": {
  "prefix": "ms",
  "body": [
    "<CardChapter>",
    "",
    "  $1",
    "",
    "  $2",
    "</CardChapter>",
    "<br/>",
    "",
    "",
    "$3",
  ],
  "description": "Insert CardChapter"
},

Section​

markdown.json
"CardSection": {
  "prefix": "mcs",
  "body": [
    "<Section>",
    "  <Card",
    "    title=''",
    "    description=''",
    "    to='https://'",
    "  />",
    "</Section>",
  ],
  "description": "Insert CardSection"
},

Notification​

Danger​

markdown.json
"CardDanger": {
  "prefix": "mcd",
  "body": [
    "<CardDanger>",
    "",
    "${1:Danger:}",
    "",
    "$2",
    "</CardDanger>",
    "$3"
  ],
  "description": "Insert CardDanger"
},

Info​

markdown.json
"CardInfo": {
  "prefix": "mci",
  "body": [
    "<CardInfo>",
    "",
    "${1:Info:}",
    "",
    "$2",
    "</CardInfo>",
    "$3"
  ],
  "description": "Insert CardInfo"
},

markdown.json
"LinkCard": {
  "prefix": "mcl",
  "body": [
    "<Card",
    "  title='$1'",
    "  description='$2'",
    "  to='$3'",
    "/>",
  ],
  "description": "Insert CardSection"
},

Warning​

markdown.json
"CardWarning": {
  "prefix": "mcw",
  "body": [
    "<CardWarning>",
    "",
    "${1:Caution:}",
    "",
    "$2",
    "</CardWarning>",
    "$3"
  ],
  "description": "Insert CardWarning"
},

Admonition​

markdown.json
"Admonition": {
  "prefix": "mad",
  "body": [
    "<Admonition type='${1|note,tip,info,caution,danger|}'>",
    "  <p>${2:Text}</p>",
    "</Admonition>",
    "$3"
  ],
  "description": "Insert Admonition"
},

markdown.json
"Admonition2": {
  "prefix": "mad2",
  "body": [
    "<ul>",
    "<Admonition type='${1|note,tip,info,caution,danger|}'>",
    "  <p>${2:Text}</p>",
    "</Admonition>",
    "</ul>",
    "$3"
  ],
  "description": "Insert Admonition Indentation"
},