Partekatu honen bidez:

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

Guía para ayudarle a configurar un entorno de desarrollo de Vue.js en Windows mediante la instalación del marco web de Vue.js en el Subsistema de Windows para Linux (WSL). 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 WSL. Por lo general, se recomienda instalar en WSL si planea interactuar con un back-end de NodeJS, desea paridad con un servidor de producción de Linux o planear el seguimiento de un tutorial que usa comandos de Bash. También puede considerar Vite como alternativa a Vue.js.

Prerrequisitos

  • Instale el Subsistema de Windows para Linux (WSL), incluida una distribución de Linux (como Ubuntu), y asegúrese de que se ejecuta en modo WSL 2. Para comprobarlo, abre PowerShell y escribe: 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. El Administrador de paquetes de Node (npm) se usa para instalar Vue.js.

Importante

La instalación de una distribución de Linux con WSL creará un directorio para almacenar archivos: \\wsl\Ubuntu-20.04 (sustituya Ubuntu-20.04 por la distribución de Linux que vaya a usar). Para abrir este directorio en el Explorador de archivos de Windows, abra la línea de comandos de WSL, seleccione el directorio principal con cd ~y escriba el comando explorer.exe . Tenga cuidado de no instalar o almacenar archivos con los que va a trabajar en la unidad C montada (/mnt/c/Users/yourname$). Si lo hace, ralentizará significativamente los tiempos de instalación y compilación.

Instalar Vue.js

Para instalar Vue.js en WSL:

  1. Abra una línea de comandos de WSL (es decir, Ubuntu).

  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.

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