Muy buenas, soy Luis y aquí les traigo un nuevo post.
Compartiendo un simple consejo ese me salvó horas de mi vida durante los últimos 3 años trabajando con bases de código TypeScript (¡especialmente las grandes!).
Ojalá lo supiera antes, cuando estaba comenzando con TypeScript …
🤔 El problema
Todos sabemos como TypeScript puede volverse lento en VS Code. Especialmente con algunas bases de código con definiciones de tipo complejas (piense en polimórficas as
accesorios en marcos de componentes de interfaz de usuario!).
¿Alguna vez te encontraste esperando que el compilador se ponga al día con usted mientras escribe un nuevo código o corrige errores?
Esto rápidamente se vuelve frustrante ralentizando sus ciclos de retroalimentación (¡y los ciclos de retroalimentación rápidos son excelentes para mantenerte feliz y motivado!).
Haga que TypeScript funcione más rápido
Aquí está el truco:
Ejecute un proceso de TypeScript separado en modo reloj en una pestaña de terminal.
Manténgalo funcionando mientras escribe código: responderá a los cambios y resaltará los errores mucho más rápido en comparación con VSCode.
En mi experiencia, la diferencia puede ser sorprendente (ver captura de pantalla). Parece depender del proyecto y las librerías npm que esté usando, pero el patrón general es bastante consistente en los diferentes proyectos y versiones de TS con las que trabajé.
A continuación, le indicamos cómo configurarlo para su proyecto de TypeScript, paso a paso:
- Agregue estos 2 scripts de NPM a su package.json:
"scripts": ... "typecheck": "tsc", "typecheck:watch": "tsc -w" ... }
2. Ahora ejecuta npm run typecheck:watch
en una pestaña de terminal (me gusta hacerlo en el panel Terminal de VSCode).
Esto inicia un proceso TypeScript separado en el modo de observación.
Llevará un tiempo comenzar, pero será mucho más rápido volver a compilar su código de forma incremental a medida que lo cambie.
3. Utilice npm run typechek
si solo necesita hacer la verificación una vez. Funcionará más rápido que el modo reloj.
Lo encuentro útil, por ejemplo, antes de implementar para asegurarme de que la compilación sea exitosa.
🙌 ¡Eso es!
Espero que este consejo te ayude a convertirte en un desarrollador más eficiente y feliz (ciertamente me ayudó).
Comparta sus propias experiencias. ¿Le ayudó a acelerar su flujo de trabajo?
Añadir comentario