Create-custom-vite NPM

create-custom-vite

Change lang: EN

CLI en construcción 🚧 para crear proyecto de Vite, que por el momento utiliza como base los templates oficiales: react o react-ts.

Podes elegir entre estas herramientas, algunas tienen opciones de configuración extra:

Nombre	Configuración	Recomendado	Type
ESLint	Recomendada - Standar	✅	Linter/Formatter
Prettier	Default - Ninguna	✅	Formatter
Husky			Git Hooks
Lint Staged			Git Linter
React router			Router
Wouter			Router

De esta manera no perdes tiempo y podes empezar a codear! 🤓

NOTA: Las opciones recomendadas (✅), están tildadas por defecto para que no las tengas que seleccionar. Mejoran tu entorno de desarrollo, ocupandose del formato del código y marcando errores. Podes destildarlas

Configuraciones extra

ESLint

Recomendada	Standar
✔ How would you like to use ESLint? · problems	Info
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No 🚧 / Yes
✔ Where does your code run? · browser
✔ What format do you want your config file to be in? · JavaScript

Prettier

Default	Ninguna
Info	{}

Como usar

Ejecuta el siguiente comando para crear tu proyecto:

 npx create-custom-vite

https://user-images.githubusercontent.com/109123029/225988309-1105d2d2-b4aa-4227-90a3-4e3e03f9b0e6.mp4

Responde las preguntas con (y/n) o elegiendo una de las opciones.

💡 Si la opción esta tildada por defecto, podes utilizar Enter

Entra a la carpeta de tu nuevo proyecto y en la terminal escribí el comando npm run dev para verificar que funcione.
Podes dejar las configuraciones por defecto o modificarlas a tu gusto 🥳