Instalación de Vue.js en el Subsistema de Windows para Linux

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

Vue se puede instalar directamente en Windows o en WSL. Se recomienda WSL si planea interactuar con un back-end de Node.js, implementar en servidores Linux o seguir tutoriales que usan comandos de Bash.

Prerrequisitos

• Instale el Subsistema de Windows para Linux (WSL), incluida una distribución de Linux (como Ubuntu) que se ejecuta en modo WSL 2. Compruebe con: wsl -l -v
• Instale Node.js en WSL 2: aquí se incluye un administrador de versiones, un administrador de paquetes, Visual Studio Code y la extensión de Remote Development.

Importante

Almacene los archivos del proyecto dentro del sistema de archivos WSL (por ejemplo, ~/projects), no en la unidad de Windows montada (/mnt/c/). Al trabajar en el límite del sistema de archivos, se ralentizan significativamente los tiempos de instalación y compilación.

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 el terminal WSL (por ejemplo, Ubuntu).

2. Vaya al directorio de proyectos:

   mkdir -p ~/projects
   cd ~/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
• Instalación de Vue.js en Windows
• Siga los primeros pasos con Vue.js ruta de aprendizaje
• Tutorial de Vue con VS Code