Instalar Vue.js directamente en Windows

Guía para configurar un entorno de desarrollo de Vue.js en Windows. Para obtener información general, consulte la información general deVue.js.

Vue se puede instalar directamente en Windows o en el Subsistema de Windows para Linux (WSL). Si planea interactuar con un back-end de Node.js, implementar en servidores Linux o seguir tutoriales que usan comandos de Bash, considere la posibilidad de instalar Vue en WSL en su lugar.

Prerrequisitos

• Instalar Node.js en Windows: incluye un administrador de versiones, un administrador de paquetes y Visual Studio Code.

Creación de un proyecto de Vue

La manera recomendada de iniciar un nuevo proyecto de Vue 3 es npm create vue@latest, que usa create-vue , la herramienta oficial de scaffolding basada en Vite:

1. Abra PowerShell o el Símbolo del sistema de Windows.

2. Vaya al directorio de proyectos:

   cd C:\Users\YourName\Projects
   

3. Cree un nuevo proyecto de Vue:

   npm create vue@latest
   

   El instalador le pide que asigne un nombre al proyecto y elija características opcionales (TypeScript, compatibilidad con JSX, enrutador de Vue, administración de estado de Pinia, Vitest, ESLint).

4. Vaya a la carpeta del proyecto, instale las dependencias e inicie el servidor de desarrollo:

   cd <your-project-name>
   npm install
   npm run dev
   

   La aplicación estará disponible en http://localhost:5173.

Recursos adicionales

• Documentación de Vue
• Información general de Vue.js
• Instalar Vue.js en WSL
• Dé sus primeros pasos con la ruta de aprendizaje de Vue.js
• Tutorial de Vue con VS Code