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

Single File Components

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

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