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.
Download and install Node.js using the below link.
Install Vue.js CLI using the npm.
npm install -g @vue/cli @vue/cli-service-global
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.
We created the Vue.js project. Now preview the app using the below command.
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