vue-cli脚手架搭建vue项目

之前一直有朋友问我vue项目的搭建，最近空下来整理总结了一番。

1. vue-cli

首先来介绍一下vue-cli，官方是这么解释的：

A simple CLI for scaffolding Vue.js projects.

需要Node.js (>=4.x, 6.x preferred), npm version 3+ and Git。

官方网站：https://www.npmjs.com/package/vue-cli
官方git：https://github.com/vuejs/vue-cli

1. 安装node环境
   node -v检测是否安装node。
   

若没有安装，可自行去官网下载https://nodejs.org/en/download/

在安装node的时候，会自动安装npm，npm -v查看npm是否安装成功

安装vue脚手架工具vue-cli

npm install --global vue-cli

创建一个基于 webpack 模板的新项目

vue init webpack pro

cd pro

npm install

npm run dev