Ampersand Academy
Published in

Ampersand Academy

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.

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




Ampersand Academy offers classroom & online training for Data Analytics using SAS, R & Python, Data Science using R & Python, Deep Learning, Ionic, & Tableau. We also offer free tutorials and plugins. Write for us. Mail your article link to

Recommended from Medium

Thank You 🙏

Stunning hover effects with CSS variables

Breaking into Front-end Design and Development

It’s Okay to Slow Down and Stop Thinking About Quitting Your Job as a Developer

Backbone.js and AngularJS at HannoverJS

#100DaysOfCode Day 38: Dipping Toes to React Native

Creating a simple form with Flexbox

Scoped packages

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


AWS | DevOps | Kubernetes | Terraform| Angular | Deep&Machine Learning, Ionic, Full Stack Developer. Learn more at

More from Medium

Deploy Laravel + Vue.js project to Heroku

Laravel: My Proposal for the Inertia-Based File Structure and Invokable Controllers

Simple Vue.js Pagination Example with Laravel

Add Laravel Tinker to PHPStorm