1)查看本机是否安装express生成器
通过命令行查看express生成器是否存在。
下图所属表示存在
下图所示表示不存在
2)通过npm 安装 express生成器
如果已经存在则不需要安装,可跳过此步骤。npm install express-generator -g
通过此命令安装
3)通过express生成器生成server服务端
express myapp
如下图所示表示生产完成,myapp表示项目名称,也是文件夹名称。
4)进行VUE项目打包
在D盘目录下面有我们常规项目myapp_page。
⑴那么我们进入myapp_page,
⑵输入npm run build,然后回车。
⑶等待build完成后会多一个dist的文件夹,将文件夹dist下面的所有文件拷贝到myapp项目中的public下面。
5)安装myapp项目依赖并打包部署
⑴进入myapp项目
⑵输入npm i 或 npm install
⑶尝试本地启动,输入npm run start
⑷在浏览器中打开http://127.0.0.1:3000/index.html,查看是否能打开之前开发的VUE项目
⑸将整个myapp文件夹打包成zip包,并上传至服务器
⑹可以使用pm2 start ./bin/www启动,也可通过npm run start启动。建议使用pm2启动
