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

Vue 3 Single File Components

Introduction to Vue-CLI 4 thumbnail image

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 4

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, called Vue CLI,l that comes with everything setup 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.