jekins部署前端vue、react

2021-11-14 16:31:30 阅读：215 来源： 互联网

标签：bin node vue jekins yarn react nginx git usr

服务器安装node

无论是vue、react还是angular，node环境都是必须的。
我们使用nvm来安装node

服务器安装yarn

因为前端的包管理工具，现在大都需要yarn支持，比如我接下来演示的项目。
当然如果你用的是npm，则可以忽略此步骤。

npm install -g yarn

jekins安装nodeJS插件

系统管理>插件管理>添加添加后，记得重启生效

系统管理>全局工具配置>NodeJs>新增

记得给node安装目录一个权限，否则将会配置失败

chmod 777 /root

给jekins同步服务器的环境变量

方便使用服务器全局工具, 这样jekins创建的项目里可以直接使用服务器全局软件
系统管理>系统配置>全局属性>新增

这个配置项的值，就是服务器环境变量的值输入以下命令，即可查看

[root@VM-24-8-centos ~]# echo $PATH
/root/.nvm/versions/node/v16.13.0/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/home/jdk1.8.0_141/bin:/root/bin

安装git

因为我们的项目在github，需要从git仓库上拉去，所以git工具是必须的。
一般项目都是在git，如果你的项目不在git也可以忽略此步骤。

yum install -y git

安装nginx

因为我需要把前端项目部署到nginx中

yum install nginx -y
systemctl start nginx

记得给nginx容器一个权限，否则后续mv操作会失败

chmod 777 /usr/share/nginx/html

创建一个项目

项目类型：构建一个自由风格的软件项目

源码管理：选择git，填写相关信息，地址、账号、分支

构建：选择执行shell

yarn
yarn build
rm -rf /usr/share/nginx/html/*
mv dist/* /usr/share/nginx/html/

立即构建

访问看效果

标签：bin,node,vue,jekins,yarn,react,nginx,git,usr
来源： https://www.cnblogs.com/dshvv/p/15552296.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9