Install and Create Vue.js project using CLI (Angular to Vue.js-Part 2)

In this tutorial, you will learn, how to install Vue.js and create a project using Vue CLI.

Step1.

Download and install Node.js using the below link.

https://nodejs.org/en/download/

Step2.

Install Vue.js CLI using the npm.

npm install -g @vue/cli @vue/cli-service-global

Step3.

Create a new project using the below command.

vue create my-app

vue create — is the standard command for creating a project.

my-app — is the project name. You can change this to your desired name.

Step4.

We created the Vue.js project. Now preview the app using the below command.

cd my-app
npm run serve

That’s all. Now you are able to see the output on your browser.

Project Folder Structure.

App.vue is the root file.

The .vue extension used to store HTML, CSS, and Vue.js script

The Line no 11 is class file attached to the App.vue.

The below picture explain, what we can do with this file, like where to create variables and functions