0
314
VistasVSCode múltiples versiones de fragmentos personalizados
Estoy creando fragmentos de JavaScript personalizados en VS Code. Tengo un fragmento que crea una clase de componente React, pero con el mismo prefijo, quiero tener una versión ligeramente diferente de la clase de componente React. Este es mi código:
"Creates a React component class": { "prefix": "rcc", "body": [ "import React from 'react'", "", "class ${1:className} extends React.Component {", " render() {", " return (", " <div>", "", " </div>", " )", " }", "}", "", "export default ${1:className}" ], "description": "Creates a React component class" },Quiero escribir rcc y que me dé dos opciones, una es predeterminada y la otra pega este código:
"Creates a React component class": { "prefix": "rcc", "body": [ "import React from 'react'", "", "class ${1:className} extends React.Component {", " render() {", " const runCallback = (cb) => {", " return cb()", " }", " return (", " <div>", "", " </div>", " )", " }", "}", "", "export default ${1:className}" ], "description": "Creates a React component class" },2 Respuestas
Responde la pregunta0
Me he dado cuenta de que no puedes hacer esto a esta escala. La función de opciones en los fragmentos personalizados de VS Code solo le permite elegir entre un par de palabras de una línea en su código.
Se parece a esto:
${1|choice1, choice2|}0
Puedes hacer esto sin opciones:
"Creates a React component class": { "prefix": "rcc", "body": [ "import React from 'react'", "", "class ${1:className} extends React.Component {", " render() {", " ${2:const runCallback = (cb) => {\n\t\t\t\t\treturn cb()\n\t\t\t\t\t\\}}", " return (", " <div>", "", " </div>", " )", " }", "}", "", "export default ${1:className}" ], "description": "Creates a React component class" } choices no parecen permitir devoluciones en ellas, pero una opción predeterminada sí lo hace.
Si no desea la opción predeterminada, solo presione Ctr + X dos veces cuando esté seleccionada.
Si lo quieres ficha .
