Linux环境下部署 “ant disign pro of vue” 前端项目

最近在开发运维平台的发布管理功能，这里简单记录一下前端开发后的部署过程。

1、登录nodejs官网 Download | Node.js，下载二进制包，上传到linux服务器/tmp 目录下

 2、解压到/opt 目录下面，创建node、npm软链接

tar -xvf 源文件 目标文件

# [示例] ln -s 源文件 目标连接
# -s 只创建链接，不会占用磁盘空间。如果不加此参数，则在目标链接位置复制一个完全相同的源文件
ln -s /opt/node-v16.17.0-linux-x64/bin/node /usr/local/bin/node
ln -s /opt/node-v16.17.0-linux-x64/bin/npm /usr/local/bin/npm

3、node -v 查看版本，判断是否安装成功；

4、在项目目录，这里默认是 /data/wwwroot 下面克隆项目

         git clone [vue项目地址]

         git checkout -b 本地分支 远程分支 (按照需求，可以省略)

         git pull（拉取最新代码）

5、cd 进入项目，npm install 编译项目

6、启动项目后，可以在浏览器里面正常访问前端界面，出现错误到 access_pro.log 日志中查询。这个日志的输出没有添加时间戳，有需求的话可以另外灵活添加。

# 前台启动命令
npm run serve
# or cnpm
cnpm run serve
# or yarn
yarn serve

# 后台启动命令
nohub npm run serve >> ../access_pro.log 2>&1 &