记录一下vue项目的创建到部署，怕以后忘记。
安装
安装npm
从nodejs.org官网下载nodejs，官网地址：https://nodejs.org/en/
node1.png
下载完成后，双击安装，在安装界面一直点Next，直到Finish完成安装。
node2.png
image.png
image.png
安装成功后，打开控制命令行程序（CMD）,检查是否正常。
image.png
相关配置
用户变量设置：将用户变量中 PATH 中对应的值改成 E:\software\nodejs\node_global，没有PATH，可以直接添加。
系统变量设置：添加变量 NODE_PATH 值为：E:\software\nodejs\node_modules
image.png
image.png
npm 全局模块的存放路径以及cache的路径的配置，默认是在 C 盘 "C:\Users\用户" 下，我们这nodejs的安装目录下新建node_global和node_cache文件夹
image.png
然后进去控制命令行，输入命令：
npm config set prefix "D:\workspace\nodejs\node_global"
npm config set cache "D:\workspace\nodejs\node_cache"
在控制命令行，输入命令：
输入npm config ls 或者npm config list
image.png
配置淘宝镜像，在控制命令行输入命令：
npm config set registry https://registry.npm.taobao.org
配置完镜像之后验证是否成功，在控制命令行输入命令：
npm config get registry
image.png
安装cnpm
国内直接使用npm 的官方镜像是非常慢的，所以推荐使用淘宝 NPM 镜像。在控制命令行输入命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
image.png
这样安装成功后，就可以使用cnpm 命令来安装模块了。也可以不安装，直接用npm。
创建项目
要构建一个vue项目，需要安装vue-cli脚手架，在控制命令行输入命令：
cnpm install vue-cli -g //全局安装
image.png
查看vue-cli是否安装成功,在控制命令行输入命令：
vue list
image.png
选定路径，作为你vue项目构建的路径，比如我这边选择的路径是D:\workspace\projects_demo\font-demo，我要创建的vue项目的名称是vue-demo-1，则首先从控制命令行进入选择的路径中：
cd D:\workspace\projects_demo\font-demo
然后在控制命令行输入命令：
vue init webpack vue-demo-1
image.png
等待构建完成后，从控制命令行进入刚刚创建好的项目，在控制命令行输入命令：
cnpm run dev
image.png
这样项目就启动好了
如果想关闭启动的项目，可以在控制命令行界面CTRL+C
下面便是刚刚创建好的项目
image.png
部署
在控制命令行进入刚刚创建好的项目，输入命令：
cnpm run build
image.png
dist目录下就是部署的文件了
image.png
