Vue-cli创建新项目

vue.cli 是 vue 中的项目构造工具，是一个 npm 包，需要安装 node.js 和 git才能用。

1 node.js的安装

下载链接

下载下来的安装包，可以直接进行 下一步 即可，不过注意安装的目录需要选择下。

2 git 安装

下载链接

下载完后，直接进行下一步进行安装就行，注意安装目录。

3 node安装后的测试

1 测试 node 的安装，打开命令行，输入 node -v

2 安装 node.js 的淘宝镜像加速器(cnpm)
1 npm install cnpm -g （一般容易出现问题，一般不用）
或者(推荐后者使用淘宝镜像)
2 npm install --registry=https://registry.npm.taobao.org (推荐使用此句进行安装)

3 测试 npm -v 的安装，安装 node 后 会自带 npm的一个环境

安装 node-cli

1 使用以下命令安装：
npm install vue-cli -g
等待若干时间

2 使用 vue list 查看 vue的相关官方模板，一般使用 webpack

3 创建 webpack 项目
vue init web pack firstvue
其中 firstvue 为项目名，可自定义

4 等到上面步骤安装完后，再使用 npm install 进行初始化 npm 的包

5 使用 npm run dev 进行打开 vue 项目

以上是使用 vue-cli 创建项目过程。