DEV Community

Antonio Avilés
Antonio Avilés

Posted on

Iniciar un proyecto en Vite

Image description

Vite es una Herramienta de frontend de última generación la cual es increible para iniciar proyectos.

Vite te permite trabajar con:

  • Vainilla
  • Vue
  • React
  • Preact
  • Lit
  • Svelt

También te permite trabajar en combinación con TypeScript

para poder utilizarlo puedes instalar un gestor de paquetes de tu elección puede ser npm o yarn.

Puedes empezar en npm escribiendo en tu consola:

npm create vite@latest

Enter fullscreen mode Exit fullscreen mode

puedes empezar en yarn escribiendo en tu consola:

yarn create vite

Enter fullscreen mode Exit fullscreen mode

en seguida te preguntará lo siguiente:

Project name:
? Select a framework:
- Vainilla
- Vue
- React
- Preact
- Lit
- Svelt

Enter fullscreen mode Exit fullscreen mode

Escoge el conjunto de tecnologías con las que trabajas.

Felicidades ya tienes creado tu proyecto listo para empezar a codear.

Para poder instalar las dependencias, dirígete en el directorio donde se encuentra tu proyecto y ejecuta:

npm i

Enter fullscreen mode Exit fullscreen mode

instalará las dependencias y podrás utilizar los siguientes comandos:

npm run dev // Te permitirá levantar tu proyecto local

Enter fullscreen mode Exit fullscreen mode
npm run build // Crea la build de proyecto listo para el deploy en una carpeta dist

Enter fullscreen mode Exit fullscreen mode

Top comments (0)