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
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 | {} |
- Ejecuta el siguiente comando para crear tu proyecto:
npx create-custom-vite- 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 devpara verificar que funcione. -
Podes dejar las configuraciones por defecto o modificarlas a tu gusto 🥳
Para esto podes abrir un issue con lo que te gustaría agregar al proyecto, error o configuraciones extras que quisieras que se puedan seleccionar.
Dependiendo del template seleccionado:
Dependiendo de las respuestas:
-
ESLint con:
- Plugins:
- Reglas:
Routers:
👩🏻💻 Noelia Donato
Si tenes algún feedback, escribí a vamoacodear@gmail.com 🤗