Ejecute Gulp mientras abre un proyecto de código VS

Cuando abro mi proyecto local para este mismo sitio, hay un 100% de posibilidades de que necesite ejecutar este comando antes que nada: gulp. Lo configuré hace menos de un año, así que estoy en las últimas y mejores cosas y tengo mi flujo de trabajo tal como me gusta. Hice algunos ajustes más unos meses después para hacer las cosas un poco mejor (¡incluso agregué un pequeño ícono de muelle divertido y elegante!).

Fue entonces cuando aprendí sobre VS Code Tasks . Generalmente, pueden simplemente ejecutar tareas de línea de comando que usted configure cada vez que elija ejecutarlas por nombre. Pero me atrae particularmente la idea de que puedan ejecutarse cuando abres un proyecto.

Así de fácil es ejecutar Gulp:

{  "version": "2.0.0",  "tasks": [    {      "label": "Run Gulp",      "command": "gulp",      "type": "shell",      "runOptions": {        "runOn": "folderOpen"      }    }  ]}

Excepto… eso empezó a fallar en mi máquina. Utilizo nvm para administrar las versiones de Node y, a pesar de mi mejor esfuerzo para nvm alias defaultencontrar la versión correcta de Node que funcione bien con Gulp, la versión de Node siempre fue incorrecta y, por lo tanto, la ejecución gulpfallaría. El truco consiste en ejecutar nvm useprimero (lo que establece la versión correcta de mi .nvmrcarchivo) y luego gulpejecutar bien.

Eso funciona bien en una ventana de terminal nueva, pero por alguna razón, incluso hacer que el comando ejecute dos tareas como esta (encadenándolas con un punto y coma):

"command": "nvm use; gulp",

…todavía fallaría. No sabía lo que nvmsignificaba. No sé cuál es exactamente el meollo del problema (por qué un terminal no sabe las mismas cosas que otro terminal), pero logré resolver que el nvm global tiene un script de shell con un trabajo: definir El nvmcomando. Entonces “obtienes” eso, como dicen, y luego el nvmcomando funciona.

Entonces mi configuración final es:

{  "version": "2.0.0",  "tasks": [    {      "label": "Run Gulp",      "command": ". ~/.nvm/nvm.sh; nvm use; gulp",      "type": "shell",      "runOptions": {        "runOn": "folderOpen"      }    }  ]}

Y eso, queridos lectores, ejecuta Gulp perfectamente cuando abro mi proyecto CSS-Tricks, que es exactamente lo que quería.

Choca esos cinco con Jen Luker, quien emprendió este viaje conmigo y me ayudó a llegar a la meta.