Generador de snippets VSCode

Genera snippets de código para VSCode y Sublime Text con tab stops y placeholders

TRIGGER: rfc (3 TABSTOPS)

Snippet Metadata & Template Body

Snippet Name:

Prefix Trigger:

Language Scope:

Template Body (supports $1, $2 tabstops):

VSCode JSON Snippet Output

{
  "React 19 Component": {
    "scope": "typescriptreact,javascriptreact",
    "prefix": "rfc",
    "body": [
      "'use client'",
      "",
      "import * as React from 'react'",
      "",
      "export interface ${1:ComponentName}Props {",
      "  ${2:title}: string",
      "}",
      "",
      "export function ${1:ComponentName}({ ${2:title} }: ${1:ComponentName}Props) {",
      "  return (",
      "    <div className=\"p-4 border rounded-xl\">",
      "      <h2 className=\"font-bold text-lg\">{${2:title}}</h2>",
      "      $0",
      "    </div>",
      "  )",
      "}"
    ],
    "description": "Creates a typed React 19 functional component with standard exports"
  }
}