Cómo instalar Vue CLI en Ubuntu 20.04

En este artículo, explicaremos cómo instalar Vue CLI en Ubuntu 20.04.

Vue.js es un marco de JavaScript front-end modelo-vista-vista-modelo de código abierto. Este artículo le guiará en el proceso de instalación y en la creación del primer proyecto de hello world.

Prerrequisitos

• Un servidor dedicado Ubuntu 20.04 instalado o KVM VPS.
• Acceso de usuario root o usuario normal con privilegios administrativos.

Instale Vue CLI en Ubuntu 20.04

1 - Mantenga el servidor actualizado

# apt update -y

2 - Descarga NodeJS

Descargue la última versión estable de NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

3 - Instalar NodeJS

A continuación, instale NodeJS usando el siguiente comando:

# apt-get install -y nodejs

4 - Verificar la instalación

# node -v && npm -v

Producción:

v15.9.0
7.5.4

5. Instale Vue CLI

El siguiente comando instalará Vue CLI.

# npm install -g @vue/cli

Verifique la instalación:

# vue --version

Producción:

@vue/cli 4.5.11

6. Crea un proyecto de Vue

# vue create hello-world

Se le pedirá que elija un ajuste preestablecido. Puede elegir el ajuste preestablecido predeterminado que viene con una configuración básica de Babel + ESLint, o seleccionar "Seleccionar funciones manualmente" para elegir las funciones que necesita.

Producción:

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

Proyecto creado con éxito hello-world.
Comience con los siguientes comandos:

# cd hello-world
# npm run serve

Producción:

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.106:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

Navegue a su navegador y abra http: // [server_IP]: 8080.

Eso es todo. La instalación se ha completado.

En este artículo, hemos visto cómo instalar Vue CLI en Ubuntu 20.04.