How to Install Vue CLI on Ubuntu 20.04
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.
Source – www.ombadmin.com