一、安装Jenkins依赖的java环境
官网链接:www.oracle.com/technetwork...
通过java -version
是否会出现版本号判断java是否安装成功
二、配置环境变量
1、 输入 echo $JAVA_HOME
查看java_home环境变量的值;如果为空,则代表没有被设置。
2、 输入 /usr/libexec/java_home
查看java的安装路径。
3、 终端中输入sudo vi ~/.bash_profile
输入当前用户密码,然后按下i
进入编辑模式。
4、 添加:export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8/Contents/Home
(根据自己的路径填写);
添加:export CLASSPAHT=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
5、完成后按下Esc,输入:wq!
退出编辑模式并保存。
6、保存之后记得立即生效一下 source ~/.bash_profile
7、再次输入 echo $JAVA_HOME
查看java_home环境变量的值
三、通过homebrew安装jenkins
1、输入brew install jenkins
安装
2、查看brew list
中是否有jenkins
四、启动
1、 通过brew services start jenkins
启动
2、 通过brew services restart jenkins
重启
五、 浏览器打开jenkins
1、默认URL为http://localhost:8080;
(如果拒绝访问,检查.zprofile隐藏文件,查看是否添加了 eval $(/usr/local/Homebrew/bin/brew shellenv) #ckbrew
) (如果怎么也打不开,试试在终端中执行 jenkins
,说不定就打开了)
2、输入密码后,安装推荐的插件即可(如果部分插件安装失败,不用担心稍后进入jenkins手动安装。)
六、使用本机IP访问jenkins
1、 查看本机ip:找到连接的wifi,点击详细信息,查看TCP/IP选项中的ip地址
2、 使用vim命令修改 ~/Library/LaunchAgents/homebrew.mxcl.jenkins.plist 文件和 /usr/local/opt/jenkins/homebrew.mxcl.jenkins.plist 中httpListenAddress的值,将127.0.0.1改为本机ip。
(如果第二条路径没有,查看/opt/homebrew/opt/jenkins/homebrew.mxcl.jenkins.plist )
3、 重启jenkins服务,如果浏览器还是打不开,运行 jenkins
,就可以使用本机ip访问jenkins
七、安装SSH插件
1、 系统管理 -> 插件管理 -> 搜索Publish Over SSH -> 安装
2、 返回系统管理 -> 系统配置, 下滑到底部
3、 其中Passphrase是指生成秘钥的时候设置的密码。如果一路回车下来则此处不用写。path to key是指私钥的位置,mac本为/Users/你的用户名/.ssh/id_rsa
。 key是指私钥的内容,path to key和key任选其一即可。
4、新增SSH Servers。name是指你远程服务器的名称,随便写。hostname是远程服务器的ip,username是远程服务器的用户。remote directory是指要放到远程服务器的目录。点击高级可以修改端口。
5、点击高级的修改密码,加入服务器的密码,就可以使用密码登录远程服务器。
6、点击 Test Configuration,显示success则说明配置成功,点击保存。
7、如果不成功,说明我们的电脑没有开启远程登录。解决方案: 选择系统偏好设置->选择共享->点击远程登录。
八、安装node插件
node插件在跑node项目时需要使用,这里先安装好。 选择安装的版本,点击保存。
九、 通过vue Cli准备一个vue项目
十、jenkins 新建任务
1、创建一个自由风格的任务
2、进入配置,源码管理,填入git仓库地址
3、进入Build Steps,增加构建步骤"执行 shell",该命令用来build我们的vue项目,会在项目根目录下生成dist目录。
arduino
rm -rf dist
npm install
npm run build
tar -zcvf vue-demo.tar.gz dist
tar命令是 把dist中的内容打成tar包方便传输到远程服务器 如果build时报错:EACCES:权限被拒绝,打开"/Users/用户名/. config/postcssrc " 在项目根目录postcss.config.js
中创建一个简单的postcss配置文件:
js
module.exports = {};
4、再增加步骤"Send files or execute commands over SSH", 目的是把tar包发送到远程服务器并执行解包
- 先把tar包发送到远程服务器,SSH Server Name就是远程服务器的名称,随便写;Sources files是需要传输的tar包所在的文件夹,这里是绝对路径,直接写上一步打包好的tar名即可;Remove prefix可以先不填;Remote directory就是tar包要上传的目录,这个是和系统管理-系统设置中的Publish over SSH的Remote directory拼接到一起的。
- 在exec command 写入命令解包
js
cd /data/compile/mzl
rm -rf vue-demo_bak
mv vue-demo vue-demo_bak
tar -xf vue-demo.tar.gz
rm -rf vue-demo.tar.gz
mv dist vue-demo