Compartir a través de

Instalación de Vue.js directamente en Windows

  • Artículo

Una guía que le ayudará a configurar un entorno de desarrollo de Vue.js en Windows. Para más información, vaya a la página Introducción a Vue.js.

Vue se puede instalar directamente en Windows o en el Subsistema de Windows para Linux (WSL). Por lo general, se recomienda instalar Vue en WSL si se planea interactuar con un back-end de NodeJS, se desea paridad con un servidor de producción Linux o se tiene previsto seguir un tutorial que use comandos de Bash. También puede considerar Vite como una alternativa a Vue.js.

Requisitos previos

  • Instalar Node.js en Windows: incluye un administrador de versiones, un administrador de paquetes y Visual Studio Code. El Administrador de paquetes de Node (npm) se usa para instalar Vue.js.

Instalación de Vue.js

Para instalar Vue.js:

  1. Abra una línea de comandos (es decir, el símbolo del sistema de Windows o PowerShell).

  2. Crea la nueva carpeta de proyecto mkdir VueProjects y accede al directorio cd VueProjects.

  3. Instale Vue.js mediante el Administrador de paquetes de Node (npm):

npm install vue

Compruebe el número de versión que ha instalado, para lo que debe usar el comando: vue --version.

Nota

Para instalar Vue.js mediante una red CDN, en lugar de NPM, consulte la documentación de instalación de Vue.js. Consulte la documentación de Vue para ver una explicación de las distintas compilaciones de Vue.

Instalación de la CLI de Vue

La CLI de Vue es un kit de herramientas para trabajar con Vue en su terminal o línea de comandos. Permite aplicar la técnica scaffolding a un nuevo proyecto (vue create), crear prototipos de nuevas ideas (vue serve) o administrar proyectos mediante una interfaz gráfica de usuario (vue ui). La CLI de Vue es un paquete de npm instalado globalmente que controla automáticamente algunas de las complejidades de la compilación (como el uso de Babel o Webpack). Si no va a compilar una nueva aplicación de una sola página, es posible que no necesite ni desee la CLI de Vue.

Para instalar la CLI de Vue, use npm. Debe usar la marca -g para instalarlo globalmente con el fin de actualizarlo (vue upgrade --next):

npm install -g @vue/cli

Para más información sobre los complementos adicionales que se pueden agregar (como linting o Apollo para integrar GraphQL), visite la sección sobre complementos de la CLI de Vue en la documentación de la CLI de Vue.

Recursos adicionales