The road to the Vue（四、创建Vue-cli程序）

一：走近 Vue-cli

vue-cli的定义：

vue-cli 官方提供的一个脚手架，用于快速生成一个vue的项目模板

主要功能

统一的目录结构

本地调试

热部署

单元测试

集成打包上线

需要的环境

1、Node.js : http://nodejs.cn/download/

安装的时候一路next

2、Git ：https://git-scm.com/downloads

安装配置点击查看
镜像：https://npm.taobao.org/mirrors/git-for-windows/

如何确认nodejs安装成功呢？

1、 cmd 下输入 node -v 查看版本号是否正确

2、cmd 下输入npm -v 查看版本号是否正确

3、安装Node.js淘宝镜像加速器 (cnpm)

-g就是全局安装
npm install cnpm -g
或使用如下语句解决 npm 速度慢的问题
npm install -g cnpm --registry=https://registry.npm.taobao.org

检测cnpm是否安装成功

cmd 输入 cnpm -v

4、安装Vue-cli -g

cnpm install vue-cli -g

测试是否安装成功
查看可以基于哪些模板创建vue应用程序，通常我们选择 webpack
vue list

二、创建vue-cli 应用程序

创建一个基于webpack模板的vue应用程序

vue init webpack projectName
一路no 即可

三、初始化并运行

cd myvue

npm install 如不行就 cnpm install
npm run dev 启动运行

输入网址即可访问

Ctrl + C 终止程序