Vue.JS is a JavaScript progressive front-end framework for building User Interfaces (UI). Vue is a monolithic framework and designed to be incrementally adoptable. The core library is concentrated on the view layer only and is easy to pick up and incorporate with other libraries or present projects, Additionally Vue.JS is perfectly capable of developing complicated Single-Page Software (SPA).
Table of Contents
Step 1. First let’s start by ensuring your system is up-to-date.
Step 2. Installing Node.Js and NPM.
Step 3. Installing Vue.JS.
Prerequisites
This article assumes you have at least basic knowledge of Linux, know how to use the shell, and most importantly, you host your site on your own VPS. The installation is quite simple and assumes you are running in the root account, if not you may need to add ‘sudo’ to the commands to get root privileges. I will show you through the step by step install Vue.JS on CentOS 7 server.
Install Vue.JS on CentOS 7
Step 1. First let’s start by ensuring your system is up-to-date.
yum clean all yum -y update
Step 2. Installing Node.Js and NPM.
First of all, we need to install Node.JS and NPM:
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
Next, install Node.js and NPM with the following command:
yum install nodejs
You can check and verify your Node.js and NPM that you have installed using the following commands:
node -v npm -v
Step 3. Installing Vue.JS.
NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as Webpack or Browserify. Vue also provides accompanying tools for authoring Single File Components:
npm install -g vue-cli
Now you can switch to a directory where you want to store your project, and then install Vue.js files with the command below:
vue init webpack first-project
Then, switch to your project directory to install dependencies:
cd first-project npm install
Now you have installed Vue.JS completely and you can start developing and testing it right away, executing the following command will start serving your project:
npm run dev
Finally, you can see that your project is now running on:
http://localhost:8081
Congratulation’s! You have successfully installed Vue.JS on CentOS 7. Thanks for using this tutorial for installing Vue.JS on CentOS 7 systems. For additional help or useful information, we recommend you to check the official Vue.JS web site.