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

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