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

创始人

2025-01-17 19:33:56

0次

一.需要用到的工具

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

FinalShell 下载链接：FinalShell官网

二.打包步骤

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

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

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

1.下载FinalShell:
点击如下链接：FinalShell官网

2.选择适合自己电脑系统的版本进行下载

3.下载安装好软件后双击打开，选择SSH连接，填写如下信息，最后点击确定

4.连接成功之后
(1)输入命令：bt
(2)查看服务器是否安装宝塔，如已安装则出现宝塔面板命令，如未安装，参照如下链接：宝塔面板下载，免费全能的服务器运维软件（本教程使用的是linux服务器）
(3)输入14，查看并复制外网面板地址以及用户名，密码

(4) 在浏览器中粘贴刚复制的外网面板地址

（5）输入用户名密码登录出现如下页面，点击左侧网站-->添加站点-->输入域名-->根目录地址会自动生成-->点击提交-->站点创建成功

（6）点击根目录，进入上传页面

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

每日必看!江岸多玩到底能开挂吗... 每日必看!江岸多玩到底能开挂吗(辅助挂),江岸多玩原来真的有辅助挂讲义1、江岸多玩脚本辅助下载、江岸...

玩家交流!颖河竞技怎么开挂(外... 玩家交流!颖河竞技怎么开挂(外挂),颖河竞技好像是有外挂教材一、颖河竞技游戏安装教程牌型概率发牌机制...

最新通报!皮皮四川麻将软件下载... 最新通报!皮皮四川麻将软件下载(辅助挂),皮皮四川麻将果然有辅助挂模块1、操作简单，无需皮皮四川麻将...

一分钟揭秘!52游戏开挂脚本(... 一分钟揭秘!52游戏开挂脚本(透视挂),52游戏切实有透视挂法子52游戏脚本下载中分为三种模型：52...

一分钟快速了解!堆堆乐开挂破解... 一分钟快速了解!堆堆乐开挂破解(外挂),堆堆乐竟然真的有外挂方针1、下载好堆堆乐正确养号方法之后点击...

重大通报!汇城贵州麻将开挂脚本... 重大通报!汇城贵州麻将开挂脚本(开挂),汇城贵州麻将原来真的有开挂法门1、重大通报!汇城贵州麻将开挂...

盘点一款!七色城透视挂件(外挂... 盘点一款!七色城透视挂件(外挂),七色城切实是真的有外挂经验1、全新机制【七色城ai辅助工具激活码】...

今日头条!多多休闲透视软件下载... 今日头条!多多休闲透视软件下载(外挂),多多休闲确实是真的有外挂攻略1、首先打开多多休闲辅助器下载最...

关于!钱柜麻将真的有透视吗(辅... 关于!钱柜麻将真的有透视吗(辅助器),钱柜麻将一贯是有辅助器练习钱柜麻将能透视中分为三种模型：钱柜麻...

今日焦点!河北家乡棋牌辅助工具... 今日焦点!河北家乡棋牌辅助工具(外挂),河北家乡棋牌果然是有外挂手册小薇（辅助器软件下载）致您一封信...