Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Master Vue.js with Vue School Premium

$25 / month

Single File Components

Get access to this course, 17 others, and future Vue.js courses!

Start Learning

Already got an account? Log in

Introduction to Vue-CLI 3

When we’re learning about Vue’s Single File Components, we also need to learn how to use a JavaScript bundler, like Webpack.

Luckily, The awesome Vue.js Team has created a command line too, named Vue CLI,l that comes will set everything up for us.

So, in this lesson, we’ll learn how to install Vue CLI and how to create a new Vue.js project. We also get a guided tour to understand what all the directories in our newly created project are for.

Install Vue CLI

npm install -g @vue/cli
# OR
yarn global add @vue/cli

To use Single File Components we need to have Node.js and a package manager like NPM or Yarn installed. NPM is installed with Node.js.

Visit the official guide for more information on how to install Vue CLI 3