RFS_Server_04 从远程仓库克隆工程并部署到云服务器
操作描述:从gitee、github之类的仓库中克隆工程,在本地完成build,部署到云服务器nginx中。
1 从远程仓库克隆工程文件
1-1A 方式1:直接下载压缩包
直接通过浏览器下载压缩包,解压到本地
1-1B 方式2:通过命令行克隆工程(推荐)
针对较大的工程,通过命令行克隆工程更快
下载代码请复制以下命令到终端执行
git clone https://gitee.com/preyers/*****.git
(可忽略)为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置
git config --global user.name '*****'
git config --global user.email '*****.gitee.com'
1-2 在本地build工程文件
在工程文件夹下打开Powershell,运行以下命令行:
npm install # 系统将根据package.json中的模块列表,自动安装所有模块
npm run build # build打包整个工程
1-3 将文件压缩后上传至云服务器
build后工程文件夹下新增dist
文件夹。通过软件【7zip】将dist
文件夹下所有文件压缩为dist.tar
,再将dist.tar
压缩为dist_2.zip
。
压缩为.tar
或者.gz
并不会减小文件大小,而是组织细碎文件。压缩为.zip
将会减小体积,减小带宽压力。
将dist_2.zip
文件上传至云服务器/usr/share/nginx/html/
路径下,运行以下命令解压:
unzip dist_2.zip # 将dis_2.zip中的dist.tar文件解压到当前路径下
tar -xvf dist.tar # 将dist.tar中的所有文件解压到当前路径下。如果已有同名文件会自动替换。