腾讯云服务器 https://cloud.tencent.com/

公网IP:111.229.196.96 账号:root 密码:**

远程连接服务器

windows系统可以通过远程桌面连接 linuxs系统可以通过Xshell等第三方工具连接

安装Docker服务

  1. 安装 yum install docker
  2. 检查 docker version
  3. 启动 service docker start
  4. 验证 docker run hello-world

基于Docker安装Nginx镜像

  1. 安装:docker pull nginx:latest
  2. 查看镜像:docker images
  3. 运行容器:docker run --name nginx-test -p 8080:80 -d nginx
  • —name nginx-test:容器名称。
  • -p 8080:80: 端口进行映射,将本地 8080 端口映射到容器内部的 80 端口。
  • -d nginx: 设置容器在在后台一直运行。

特别注意:如果第二次继续启动只需要运行docker start xxxxx,可以通过docker ps -a查看所有容器并拿到容器id。

  1. 关闭容器:docker stop xxxxx
  • xxxxx: 容器id前几位

本地创建Vue项目并上传至GitHub

  1. 安装node,并检查是否安装成功node -v
  2. 安装vue-cli npm install -g vue-cli
  3. 创建vue项目并上传至github

服务器安装Git并拉取代码

  1. 安装 yum install -y git
  2. 检查 git version
  3. Git配置

配置:

  • git config --global user.name "Your Name"
  • git config --global user.email "email@example.com"

生成密钥:ssh-keygen -t rsa -C "youremail@example.com


查看密钥:cat /root/.ssh/id_rsa.pub

  1. 在GitHub配置密钥
  2. 拉取代码:git clone url

服务器安装NodeJS环境并编译代码

  1. 安装 yum install nodejs
  2. 检查 node -v
  3. 安装依赖npm install
  4. 执行打包命令npm run build

建议:安装yarn

将编译后的静态文件放到Nginx中

执行命令docker run -d -p 8080:80 -v $PWD/dist:/usr/share/nginx/html nginx 简单说明:$PWD是指的当前路径,上面的警告的意思是启动命令已经规定了是当前项目根目录下的dist文件夹($PWD/dist),如果不在项目根目录,会出现一些问题。

感谢

B站UP主:木头就是我呀https://space.bilibili.com/396601399
B站友情连接:https://www.bilibili.com/video/av92981245
简书:https://www.jianshu.com/p/3771b155283b

补充

centOS7安装图形化界面

安装:yum grouplist yum groupinstall KDE Plasma Workspaces 启动:startx *如果设置默认启动图形界面:systemctl set-default graphical.target