How to Install Vue CLI on Ubuntu

How to Install Vue CLI on Ubuntu 20.04

 

In this article, we’ll explain how to install Vue CLI on Ubuntu 20.04.

Vue.js is an open-source model–view–viewmodel front end JavaScript framework.

A Ubuntu 20.04 installed dedicated server or KVM VPS.
A root user access or normal user with administrative privileges.

Install Vue CLI on Ubuntu 20.04
1 – Keep the server up to date

# apt update -y

2 – Download NodeJS

Download latest stable release of NodeJS.

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

3 – Install NodeJS

Next, install the NodeJS using following command:

# apt-get install -y nodejs

4 – Verify the installation

# node -v && npm -v

Output:

v15.9.0
7.5.4

5. Install Vue CLI

Following command will install Vue CLI.

# npm install -g @vue/cli

Verify the installation:

# vue –version

Output:

@vue/cli 4.5.11

6. Create Vue project

# vue create hello-world

You will be prompted to pick a preset. You can either choose the default preset which comes with a basic Babel + ESLint setup, or select “Manually select features” to pick the features you need.

Output:

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

Successfully created project hello-world.
Get started with the following commands:

# cd hello-world
# npm run serve

Output:

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.

Navigate to your browser and open http://[server_IP]:8080.

error: Content is protected !!