# Install Vue and it's SFC, CLI

By

Charl Cronje

NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as webpack (opens new window) or Rollup (opens new window).

# latest stable
$ npm install vue@next

Vue also provides accompanying tools for authoring Single File Components (SFCs). If you want to use SFCs then you'll also need to install @vue/compiler-sfc:

npm install -D @vue/compiler-sfc

If you're coming from Vue 2 then note that @vue/compiler-sfc replaces vue-template-compiler.

In addition to @vue/compiler-sfc, you'll also need a suitable SFC loader or plugin for your chosen bundler.

In most cases, the preferred way to create a webpack build with minimal configuration is to use Vue CLI.

Vue provides anOfficial CLI (opens new window)for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds

The CLI assumes prior knowledge of Node.js and the associated build tools. If you are new to Vue or front-end build tools, we strongly suggest going through the guide without any build tools before using the CLI.

For Vue 3, you should use Vue CLI v4.5 available on npm as @vue/cli. To upgrade, you need to reinstall the latest version of @vue/cli globally

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

Then in the Vue projects, run

vue upgrade --next