用 vue-cli 脚手架工具搭建基于webpack的单页面 Vue 应用

1、配置 node.js 环境

一、在官网 https://nodejs.org/en/download/ 下载安装电脑对应的版本。注：不要安装8.0.0以上的版本，与vue-cli不兼容。
二、配置nodejs环境，百度查阅。
三、安装配置完成后，打开cmd，运行 node -v，显示版本号，安装成功。

2、使用 cnpm 管理依赖

一、使用 node 自带的包管理工具 npm 管理项目中的依赖，因为 npm 的服务器在国外。常常会遇到速度奇慢或者下载不下来依赖的状况，因此推荐使用淘宝镜像。

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

这样就可使用 cnpm 代替 npm 执行命令了。
二、全局安装 vue-cli 模块，之后再使用时不须要重复安装。

cnpm install vue-cli -g

三、执行 vue -V（此处是大 V），显示版本号，安装成功。

3、建立项目

一、到项目所在根目录下，按住 shift + 鼠标右键，可快速打开当前目录的 cmd ，执行代码，建立项目。

vue init webpack <project name>　　　　　//前面五项直接回车

等待安装完成。

4、运行项目

一、咱们已经创建好了本身的项目，可是尚未初始化

cd <project name>　　　　　//进入项目中
cnpm install　　　　　　//初始化项目，安装依赖

二、执行命令，运行项目

cnpm run dev

在浏览器中打开 localhost：8080 （以本身的项目为准，此处是我本身的示例）

项目安装成功，开启 Vue 之旅吧✿☆✿☆✿！