前端工程化:环境篇

前端工程化:环境篇

技术杂谈小彩虹2021-08-14 13:52:02240A+A-

推荐配置

配置git

  • 安装git
yum install -y git
  • 生成ssh key
// 建议密码默认为空,避免后期拉取代码校验
ssh-keygen -t rsa -C "邮箱" #默认路径 /root/.ssh/id_rsa
  • 配置公钥

在gitlab/github/gitee中配置公钥匙,保证你的环境可以免密获取代码

配置node环境

推荐安装nvm来管理本地的node版本,方便后期项目构建过程中使用不同的node版本

// 下载
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash
// 配置环境变量
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

通过nvm安装node

// 下载
nvm install 12+
// 查看可用node版本
nvm list
// 切换node版本
nvm use 12+
// 卸载
nvm uninstall 12+

环境变量

正常使用nvm安装node都会自动配置环境变量,特殊情况下环境变量未能生效的请一下方式添加

  • 添加软链
ln -s /node-v12.13.0/bin/node /usr/local/bin/node
ln -s /node-v12.13.0/bin/npm /usr/local/bin/npm
  • 写入/etc/profile(写入完成之后记得刷新环境变量source /etc/profile
# node (注释作用)
export NODE_HOME=/usr/local/src/node-v4.2.3-linux-x86
export PATH=$PATH:$NODE_HOME/bin 

配置JAVA环境

  • 下载JDK(Oracle需要登录,自己注册一个账号)
wget https://download.oracle.com/otn/java/jdk/8u231-b11/5b13a193868b4bf28bcb45c792fce896/jdk-8u231-linux-x64.tar.gz?AuthParam=1574947991_4a3f6bb58ad191a36a7f276f2caadd33
  • 配置环境变量(写入完成之后记得刷新环境变量 source /etc/profile
vim /etc/profile.d/java.sh
JAVA_HOME=/home/jdk1.8
PATH=$JAVA_HOME/bin:$PATH
export JAVA_HOME PATH

部署Jenkins

  • 下载Jenkins 地址,建议搭建使用迅雷下载到本地,然后再拷贝到自己的服务器,本人亲测如果用普通方式下载将会是一个漫长的旅程
sudo wget -O /etc/yum.repos.d/jenkins.repo \
    https://pkg.jenkins.io/redhat-stable/jenkins.repo
sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key
sudo yum upgrade
sudo yum install jenkins java-1.8.0-openjdk-devel
sudo systemctl daemon-reload
  • 添加jdk配置

安装完成之后很多情况下启动会失败,这里需要大家手动添加本地jdk的路径 vim /etc/init.d/jenkins找到candidates,在最后添加本地jdk的路径

  • 自定启动端口

vim /etc/sysconfig/jenkins找到JENKINS_PORT修改成自己想要的端口

  • 启动jenkins
// 启动
sudo systemctl start jenkins
// 查看状态
sudo systemctl status jenkins
  • 配置jenkins

1、访问http://localhost:8080
2、输入初始密码,jenkins启动页中有明确的密码获取地址
3、安装插件,个人建议首次安装以下插件即可

Git
Pipeline
ThinBackup
SSH Credentials

  • 耐心等待

安装过程很漫长。建议去喝冰茶

自动化任务 hello word

  • 新建项目

  • 新建凭证作为git clone的校验依据,推荐使用ssh方式

  • 配置git项目信息

  • 配置shell脚本 输出hello world

  • 输出结果

下期预告

  • 小程序测试自动化搭建

关于

从事前端5年,刚开始从事android开发,后来逐步接触前端的一些东西,目前主要负责公司前端基础建设的打造,会一点前端、同时也了解一些后端的东西,喜欢捣鼓机器、热衷技术钻研,有志同道合的小伙伴可以关注我的公众号,后期会系列分享我对于探索前端工程化的一些历程

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1
本网站由 提供CDN/云存储服务

联系我们