1、環境準備(java,maven,nodejs,webpack)
環境部分略過總之缺什麼依賴就apt什麼
[root@13 ~]# tar zxvf jdk-8u91-linux-x64.tar.gz -C /opt/前端
[root@13 ~]# tar xvf apache-maven-3.5.0-bin.tar.gz -C /opt/vue
[root@13 ~]#wget http://cdn.npm.taobao.org/dist/node/v10.15.1/node-v10.15.1-linux-x64.tar.xzjava
[root@13 ~]# tar xvf node-v10.15.1-linux-x64.tar.xz -C /opt/node
[root@13 ~]# mv /opt/node-v10.15.1-linux-x64 /opt/nodejslinux
配置環境變量/etc/profilewebpack
[root@13 ~]# vi /etc/profileweb
末尾添加如下配置vue-cli
#set java environment JAVA_HOME=/opt/jdk1.8.0_91 CLASSPATH=.:$JAVA_HOME/lib.tools.jar PATH=$JAVA_HOME/bin:$PATH export JAVA_HOME CLASSPATH PATH #set maven environment MAVEN_HOME=/opt/apache-maven-3.5.0 export MAVEN_HOME export PATH=${PATH}:${MAVEN_HOME}/bin export NODE_HOME=/opt/nodejs export PATH=$PATH:$NODE_HOME/bin export NODE_PATH=$NODE_HOME/lib/node_modules
[root@13 ~]# source /etc/profiletypescript
[root@13 ~]# ln -s /opt/nodejs/bin/npm /usr/bin/apache
[root@13 ~]# ln -s /opt/nodejs/bin/node /usr/bin/
[root@13 ~]# ln -s /opt/nodejs/bin/webpack /usr/bin/
經過npm安裝webpack
[root@13 ~]# npm install webpack -g
[root@13 ~]# npm install vue-cli -g
[root@13 ~]# npm install webpack-cli -g
[root@13 ~]# npm install -g concurrently
[root@13 ~]# npm install -g lite-server
[root@13 ~]# npm install -g typescript
2、安裝Jenkins
wget -q -O - https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add - sudo sh -c 'echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list' sudo apt-get update sudo apt-get install jenkins
將Jenkins設置爲啓動時啓動的守護進程。查看/etc/init.d/jenkins
獲取更多細節
建立一個'jenkins'用戶來運行此服務
直接將控制檯日誌輸出到文件/var/log/jenkins/jenkins.log
。若是您正在解決Jenkins問題,請檢查此文件
/etc/default/jenkins`爲啓動填充配置參數,例如JENKINS_HOME
將Jenkins設置爲在端口8080上進行監聽。使用瀏覽器訪問此端口以開始配置
若是你的/etc/init.d/jenkins
文件沒法啓動Jenkins,編輯/etc/default/jenkins
, 修改 ----HTTP_PORT=8080----爲----HTTP_PORT=8081----
在這裏,「8081」也可被換爲其餘可用端口。
#其餘環境安裝jenkins請參考官方文檔:https://jenkins.io/zh/doc/book/installing/
安裝到服務器上包括怎麼用直接看官網用法這裏不做爲重點
3、安裝插件
點擊系統管理
添加NodeJS Git& SVN
配置全局變量(根據本身的安裝路徑配置便可,注意不要勾選自動安裝)
構建工程
填寫npm run build等等打包,並部署的命令