How to Install Vue js on Ubuntu 22.04

Vue. js is a progressive framework for JavaScript used to build web interfaces and one-page applications. Not just for web interfaces, Vue. js is also used both for desktop and mobile app development with Electron framework

Install and use vue js on ubuntu 22.04; In this tutorial, i am going to show you how to install and use vue js on linux ubuntu 22.04 system using CLI or command line.

How to Install Vue js on Ubuntu 22.04

Just use the below given steps to install and use vue js on linux ubuntu 22.04 using CLI or command line:

  • Step 1 – Update System Packages
  • Step 2 – Install Node js and NPM
  • Step 3 – Install Vue.js on Ubuntu 22.04
  • Step 4 – Create Vue.js Application
  • Step 5 – Start Vue Js App Server
  • Step 6 – Test Vue Js App

Step 1 – Update System Packages

First of all, open command line and run the following command on command line to update system packages before installing vue js on ubuntu 22.04:

sudo apt update
sudo apt upgrade
sudo apt install build-essential curl

Step 2 – Install Node js and NPM

Once the system packages has been updated, run the following command on command line to add the Node.JS repository on linux ubuntu system:

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -

Then run the following commands on command line to install node js and npm js on linxu ubuntu 22.04:

sudo apt install nodejs
sudo npm install npm@latest -g

Test the npm and node are installed by using the following command:

npm -v
node -v

Step 3 – Install Vue.js on Ubuntu 22.04

Run the following command on command line to install vue js on ubuntu 22.4:

npm install vue@next

Or you can install the Vue CLI package using NPM. This package helps to set all tools required to create a new project in VueJS:

sudo npm install -g @vue/cli

Step 4 – Create Vue.js Application

Create Vue.js application by run the following command on command line:

vue create tuts-project

Step 5 – Start Vue Js App Server

Start Vue.js application, so use the following command on command line:

cd tuts-project
npm run serve

Step 6 – Test Vue Js App

Finally, open browser and hit the URL http://192.168.77.20:8080.

Conclusion

In this tutorial, i have shown to you how to install and use vue js on linux ubuntu 22.04 system using CLI or command line.

More Tutorials

Leave a Comment