Para instalar el snippet en VSCode hay que acceder a la configuración de snippets de VSCode a través de Archivo > Preferencias (o Code > Preferencias en Mac) y seleccionar javascript.json (JavaScript) para ver los snippets disponibles para este lenguaje. Una vez ahí hay que añadir el JSON del archivo vscode_snippet.json.
Documentación de snippets de VSCode: Snippets en VSCODE
Para instalar el snippet en Atom hay que copiar el contenido del arhivo atom_snippet.cson en el archivo snippets.cson de Atom, al que se llega a través de Atom > Snippets. Si ya tenemos algún snippet para el scope .source.js habrá que obviar la línea .source.js: del archivo atom_snippet.cson y copiar lo demás dentro de este scope.
Documentación de snippets de Atom: Snippets en Atom
Independientemente del editor que estemos usando, para utilizar el snippet basta con abrir una archivo con la extensión *.js, escribir alguno de los comandos disponibles y pulsar ⇥ Tab.
| Nombre | Comando | Resultado |
|---|---|---|
| Test Skeleton | spec + ⇥ Tab |
Genera el esqueleto del archivo con un describe global con el nombre del componente |
| Describe | desc + ⇥ Tab |
Genera la estructura de un describe |
| Describe Prop | desc-prop + ⇥ Tab |
General la estructura de un describe para una prop siguiendo la notación de Vue :prop |
| Describe Event | desc-event + ⇥ Tab |
General la estructura de un describe siguiendo la notación de Vue para un evento @event |
| Test | test + ⇥ Tab |
Genera la estructura de un test |