vue3+vite+Xshell7+Xftp7+linux+腾讯云服务器上传线上代码

49 阅读2分钟
  1. 购买服务器 腾讯云服务器地址
  2. 点击安装 Xshell7和Xftp7软件 这里使用的是家庭/学校免费下载

image.png 填邮箱 重点一定要选择两个然后点击下载,邮箱里能获取到下载的地址

image.png 3. 购买成功之后,会跳到当前这个页面,下面有你的ip地址 image.png 4. 打开Xshell7软件 点击文件里面的新建就会出现以下页面,然后名称和主机填上面图片的ip地址,然后点击连接 image.png 5. 点击连接之后会出现输入用户名的弹窗,通常来说用户名都是root,然后就是密码,忘记密码可以在腾讯云里重置密码 image.png

linux命令

cd /home 进入 '/ home' 目录' 
cd .. 返回上一级目录 
cd ../.. 返回上两级目录 
cd 进入个人的主目录 
cd ~user1 进入个人的主目录 
cd - 返回上次所在的目录 
pwd 显示工作路径 
ls 查看目录中的文件 
ls -F 查看目录中的文件 
ls -l 显示文件和目录的详细资料 
ls -a 显示隐藏文件 
mkdir dir1 创建一个叫做 'dir1' 的目录' 
mkdir dir1 dir2 同时创建两个目录 
mkdir -p /tmp/dir1/dir2 创建一个目录树 
rm -f file1 删除一个叫做 'file1' 的文件' 
rmdir dir1 删除一个叫做 'dir1' 的目录' 
rm -rf dir1 删除一个叫做 'dir1' 的目录并同时删除其内容 
rm -rf dir1 dir2 同时删除两个目录及它们的内容 
mv dir1 new_dir 重命名/移动 一个目录 
touch tanwei.txt 创建一个tanwei.txt的文件

更多请看Linux常用命令大全

在Xshell7安装 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

  1. 安装完连上nginx服务器以后我们一般在/root目录下,但我们的nginx需要发布到/usr/local文件夹下
  2. 因为/root目录和/usr是同级目录 所以要使用cd ../usr/local进入/usr/local文件夹下
  3. /usr/local文件夹下使用mkdir nginx 创建一个文件夹
  4. 进入到nginx文件下 cd nginx
  5. 下载tar包 wget http://nginx.org/download/nginx-1.13.7.tar.gz
  6. 解压tar包 tar -xvf nginx-1.13.7.tar.gz
//进入nginx目录
cd /usr/local/nginx
//进入目录
cd nginx-1.13.7
//执行命令 考虑到后续安装ssl证书 添加两个模块
./configure --with-http_stub_status_module --with-http_ssl_module
//执行make命令
make
//执行make install命令
make install
  1. cd ../退到nginx目录下
  2. cd sbin 进入sbin
  3. ./nginx
  4. npm run build 打包我们的项目
  5. 通过xftp 把dist目录下的文件直接拖拽到 nginx 下的html文件夹下,覆盖原文件即可,刷新页面即可。
  6. 查看是否上传成功 在地址栏输入腾讯云的ip就可以看到了