1)查看本机是否安装express生成器

通过命令行查看express生成器是否存在。
下图所属表示存在
image.png
下图所示表示不存在
image.png

2)通过npm 安装 express生成器

如果已经存在则不需要安装,可跳过此步骤。
npm install express-generator -g
通过此命令安装

3)通过express生成器生成server服务端

express myapp
如下图所示表示生产完成,myapp表示项目名称,也是文件夹名称。
image.png

4)进行VUE项目打包

D盘目录下面有我们常规项目myapp_page
⑴那么我们进入myapp_page
⑵输入npm run build,然后回车。
⑶等待build完成后会多一个dist的文件夹,将文件夹dist下面的所有文件拷贝到myapp项目中的public下面。

5)安装myapp项目依赖并打包部署

⑴进入myapp项目
⑵输入npm inpm install
⑶尝试本地启动,输入npm run start
⑷在浏览器中打开http://127.0.0.1:3000/index.html,查看是否能打开之前开发的VUE项目
⑸将整个myapp文件夹打包成zip包,并上传至服务器
⑹可以使用pm2 start ./bin/www启动,也可通过npm run start启动。建议使用pm2启动