01 Configuración del entorno de desarrollo

En este capítulo, vamos a configurar nuestro entorno de desarrollo que utilizaremos a lo largo de esta guía.

Si tienes experiencia previa con el entorno de Node.js, esto debería resultarte bastante estándar y directo.

Si eres nuevo, puede que todo esto te parezca abrumador al principio y, en ocasiones, quizá necesites buscar información relacionada en Google, ya que cubrir todos los detalles del entorno de Node.js está fuera del alcance de esta guía. Sin embargo, no necesitas un extenso conocimiento para poder desarrollar con Sonolus.js.

Repositorio

El repositorio con el código fuente utilizado en esta guía está disponible en GitHub.

Cada capítulo tiene su propia rama con dos variantes (TypeScript/Javascript, según tu preferencia). Se recomienda navegar a la rama correspondiente conforme avances en la guía.

Instalación/Actualización de Node.js

El primer paso es descargar e instalar la versión LTS más reciente de Node.js.

Para verificar que se haya instalado correctamente, ejecuta en la terminal:

node -v

o

npm -v

Si puedes ver los números de versión, entonces todo está listo para continuar.

Inicializar el proyecto

Hay múltiples plantillas de Sonolus.js disponibles para iniciar un proyecto:

• JS
• JS + ESLint + Prettier
• TS
• TS + ESLint + Prettier

Por ejemplo, para usar la plantilla TS + ESLint + Prettier:

npx degit Sonolus/sonolus.js-template-ts-eslint-prettier my-project

cd my-project
npm i

Consulta el archivo README.md para más información sobre la plantilla que estas utilizando.

Iniciar el servidor de desarrollo

En el directorio del proyecto, ejecuta:

npm run dev:play

Se iniciará un servidor de desarrollo, al cual puedes conectarte desde la aplicación de Sonolus.

En la configuración de Sonolus, asegúrate de:

• En Caché: activar Siempre revalidar.
• En Desarrollador: activar Modo Debug.

Si puedes jugar el nivel "Dev level", entonces ya tienes todo listo para comenzar a desarrollar con Sonolus.js.