使用脚手架（Vue-Cli）快速创建一个vue项目的步骤

一、安装vue

https://cn.vuejs.org/v2/guide/installation.html

二、先确定是否安装了node.js、npm和cnpm

• node.js的下载地址：Node.js
• NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种：

        ①允许用户从NPM服务器下载别人编写的第三方包到本地使用。

        ②允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

        ③允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

        实际上，npm就是前端的Maven。

• 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。

       1.首先从node官网下载并安装node，安装步骤很简单，只要一直点击下一步就可以了。 安装完成后，打开命令行工具（win+R）输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。

检测方式：​

       2.因为npm会随着node.js一起安装，所以，只要是node.js正常安装，就代表npm已经安装。

检测方式：​

       3.到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。

安装cnpm

   点击进入淘宝的cnpm网站,里面有详细的配置方法。 或者直接在命令行输入：

npm install -g cnpm --registry=https://registry.npm.taobao.org

   然后等待，安装完成。 输入cnpm -v，可以查看当前cnpm版本

   使用方法：需要用到npm的地方直接使用cnpm替换就可以了。

三、安装vue脚手架：Vue-Cli

      vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 下面介绍 vue-cli 的整个搭建过程。注意：以下内容是基于Vue-cli4.0以上版本的。

全局安装vue-cli

    安装地址：Vue CLI

全局安装vuecli（就相当与在本机的npm仓库中有了vuecli）：

//安装最新@vue/cli版本
npm install -g @vue/cli
//安装指定的@vue/cli版本