手把手教你如何把vue项目打包后部署到服务器（小白教程）

一.需要用到的工具

vscode 下载链接：Visual Studio Code – Code Editing. Redefined

FinalShell 下载链接：FinalShell官网

二.打包步骤

1.vscode打开你的vue项目– >点终端 — >输入npm run build 按回车进行打包；

2.打包成功 , 生成了dist文件夹, 打包好的文件会默认存放在里面；

三. 用FinalShell连接服务器，获取宝塔面板地址

安装宝塔面板就直接略过

四、搭建项目

点击上传，按照下图方式上传之前打包好的dist文件夹下的内容，
上传成功后就可以通过域名访问项目啦

还可以参考以下文档

https://blog.csdn.net/weixin_43923808/article/details/130991955