1.使用hbuilder新建vue项目，右键新建-->项目-->vue项目，如下图：
2.建成的项目如下testVue
3.右键项目名称，打开项目所在目录，打开cmd，转到testVue项目根目录下
（1）E：
（2）cd E:\interest-master\interest-master\TestVue
dist和node_modules原本没有，下面讲到如何建立
4.首先到node官网下载node.js,安装过程很简单，一路“下一步”就可以了。
安装过程很简单，一路“下一步”就可以了。
cmd中输入node -v和npm-v可以查看到版本号，证明安装成功
5.cmd中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
使用国内镜像安装npm资源
6.
安装webpack
npm install webpack -g
安装vue-cli
cnpm install vue-cli -g
这个过程会耗时十几秒，等走完就好
第六步不知道对部署到nginx有没有用，安上吧，这两个软件以后开发有用
7.这两部是重点
（1）cmd中输入cnpm install，出现node_modules文件夹
（2）cmd中输入cnpm run build，出现dist文件夹，这个文件夹存放的就是vue转换成的css，js，image，html文件，如下
8.在http://nginx.org/en/download.html 下载nginx稳定版本
解压，打开nginx.exe,cmd窗口一闪而过，打开cmd
输入tasklist /fi "imagename eq nginx.exe，出现如下，证明打开nginx服务
9.
（1）nginx的配置文件是conf目录下的nginx.conf，默认配置的nginx监听的端口为80，如果80端口被占用可以修改为未被占用的端口即可
检查80端口是否被占用的命令是： netstat -ano | findstr 0.0.0.0:80 或 netstat -ano | findstr "80"
当我们修改了nginx的配置文件nginx.conf 时，不需要关闭nginx后重新启动nginx，只需要执行命令 nginx -s reload 即可让改动生效
（2）关闭nginx
如果使用cmd命令窗口启动nginx，关闭cmd窗口是不能结束nginx进程的，可使用两种方法关闭nginx
(1)输入nginx命令 nginx -s stop(快速停止nginx) 或 nginx -s quit(完整有序的停止nginx)
(2)使用taskkill taskkill /f /t /im nginx.exe
10.nginx配置静态资源
在location中root后面输入testVue下的dist目录，即可根据localhost：80访问vue项目，location后面的“/”最好不要更改，因为不好配置目录