Compartir a través de

Instalar Vue.js directamente en Windows

Guía para ayudarle a configurar un entorno de desarrollo de Vue.js en Windows. Obtenga más información en la página de información general de 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 planea interactuar con un back-end de NodeJS, desea paridad con un servidor de producción de Linux o tiene previsto seguir un tutorial que use comandos de Bash. También puede considerar Vite como alternativa a Vue.js.

Prerrequisitos

  • 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.

Instalar Vue.js

Para instalar Vue.js:

  1. Abra una línea de comandos (es decir, 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 mediante el comando : vue --version.

Nota:

Para instalar Vue.js mediante una red CDN, en lugar de NPM, consulte los documentos de instalación deVue.js. Consulte los documentos de Vue para obtener 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 la línea de comandos o el terminal. Permite estructurar rápidamente un nuevo proyecto (vue create), crear prototipos de nuevas ideas (vue serve) o administrar proyectos utilizando una interfaz gráfica de usuario (vue ui). La CLI de Vue es un paquete npm instalado globalmente que controla algunas de las complejidades de compilación (como el uso de Babel o Webpack). Si no va a compilar una nueva aplicación de página única, es posible que no necesite o desee la CLI de Vue.

Para instalar la CLI de Vue, use npm. Debe usar la marca -g para realizar una instalación global con el fin de actualizar (vue upgrade --next):

npm install -g @vue/cli

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

Recursos adicionales