Como instalar o Vue CLI no Ubuntu 20.04

Neste artigo, explicaremos como instalar o Vue CLI no Ubuntu 20.04.

Vue.js é um framework JavaScript front-end de model – view – viewmodel de código aberto. Este artigo irá guiá-lo no processo de instalação e criação do projeto hello world first.

Pré-requisitos

• Um servidor dedicado Ubuntu 20.04 instalado ou KVM VPS.
• Um acesso de usuário root ou usuário normal com privilégios administrativos.

Instale o Vue CLI no Ubuntu 20.04

1 - Mantenha o servidor atualizado

# apt update -y

2 - Baixar NodeJS

Baixe a última versão estável do NodeJS.

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

3 - Instale o NodeJS

Em seguida, instale o NodeJS usando o seguinte comando:

# apt-get install -y nodejs

4 - Verifique a instalação

# node -v && npm -v

Saída:

v15.9.0
7.5.4

5. Instale o Vue CLI

O comando a seguir instalará o Vue CLI.

# npm install -g @vue/cli

Verifique a instalação:

# vue --version

Saída:

@vue/cli 4.5.11

6. Criar projeto Vue

# vue create hello-world

Você será solicitado a escolher uma predefinição. Você pode escolher a predefinição padrão que vem com uma configuração Babel + ESLint básica ou selecionar "Selecionar recursos manualmente" para escolher os recursos de que precisa.

Saída:

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

Projeto hello-world criado com sucesso.
Comece com os seguintes comandos:

# cd hello-world
# npm run serve

Saída:

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 até o seu navegador e abra http: // [server_IP]: 8080.

É isso. A instalação foi concluída.

Neste artigo, vimos como instalar o Vue CLI no Ubuntu 20.04.