腾讯云服务器 https://cloud.tencent.com/
公网IP:111.229.196.96 账号:root 密码:**
远程连接服务器
windows系统可以通过远程桌面连接 linuxs系统可以通过Xshell等第三方工具连接
安装Docker服务
- 安装
yum install docker
- 检查
docker version
- 启动
service docker start
- 验证
docker run hello-world
基于Docker安装Nginx镜像
- 安装:
docker pull nginx:latest
- 查看镜像:
docker images
- 运行容器:
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。
- 关闭容器:
docker stop xxxxx
- xxxxx: 容器id前几位
本地创建Vue项目并上传至GitHub
- 安装node,并检查是否安装成功
node -v
- 安装vue-cli
npm install -g vue-cli
- 创建vue项目并上传至github
服务器安装Git并拉取代码
- 安装
yum install -y git
- 检查
git version
- 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
- 在GitHub配置密钥
- 拉取代码:
git clone url
服务器安装NodeJS环境并编译代码
- 安装
yum install nodejs
- 检查
node -v
- 安装依赖
npm install
- 执行打包命令
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