A guide to help you set up a Vue.js development environment on Windows. Learn more on the Vue.js overview page.
Vue can be installed directly on Windows or on the Windows Subsystem for Linux (WSL). We generally recommend that you install Vue on WSL if you are planning to interact with a NodeJS backend, want parity with a Linux production server, or plan to follow along with a tutorial that utilizes Bash commands. For more info, see Should I install on Windows or Windows Subsystem for Linux?.
- A simple CLI for scaffolding Vue.js projects. Prerequisites: Node.js (>=6.x, 8.x preferred), npm version 3+ and Git. The above command pulls the template from vuejs-templates/webpack, prompts for some information, and generates the project at ./my-project/.
To install Vue.js:
Use vue-cli as a zero-configuration development tool for your Vue apps and component, check out the docs.
The purpose of official Vue project templates are to provide opinionated, battery-included development tooling setups so that users can get started with actual app code as fast as possible.
However, these templates are un-opinionated in terms of how you structure your app code and what libraries you use in addition to Vue.js.
Check the version number you have installed by using the command:
All official project templates are repos in the vuejs-templates organization.
When a new template is added to the organization, you will be able to run vue init
Install Vue CLI
Vue CLI is a toolkit for working with Vue in your terminal / command line. It enables you to quickly scaffold a new project (vue create), prototype new ideas (vue serve), or manage projects using a graphical user interface (vue ui). Vue CLI is a globally installed npm package that handles some of the build complexities (like using Babel or Webpack) for you. If you are not building a new single-page app, you may not need or want Vue CLI.
To install Vue CLI, use npm. You must use the
-g flag to globally install in order to upgrade (
vue upgrade --next):
To learn more about additional plugins that can be added (such as linting or Apollo for integrating GraphQL), visit Vue CLI plugins in the Vue CLI docs.
- You can also run vue list to see all available official templates.
- Current available templates include:.