手把手教你如何把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

特别说明:本站一切商品均为虚拟商品,一旦出售概不退换。下载链接失效可找管理员!

给TA打赏
共{{data.count}}人
人已打赏
网站建设

小程序极速注册认证免300认证费 突破管理员身份只能绑定5个小程序绿色通道

2023-5-24 5:32:06

网站建设

帝国cmsPC页面跳转到wap移动端代码/万能移动适配代码

2023-7-2 3:25:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索