windows服务器下使用jenkins部署vue项目_windows jenkins vue

准备：

        1.gitee代码仓库

        2.服务器下载jenkins，我这里用的是2.375.1版本

        3.下载git版本控制系统，我用的是2.38.1版本

        4.下载jdk，我安装的是11.0.17版本

        5.安装nginx高性能的HTTP和反向代理web服务器

1.首先下载jdk，网址是Java Downloads | Oracle，下载64位的安装程序

 2.点击同意，然后下载

 3.点击之后需要登陆oracle账户，没有的话注册一个，点击登录后就会自动下载

 4.下载完成后双击打开，我没有更改路径，一直下一步安装至完成，然后开始安装jenkins

5.下载jenkins，网址是Jenkins

 点击download下载

6.点击windows版，然后等待下载完成

 7.下载完成后打开，点击next

 8.这里的地址我就不改了，可以改成自己想存放的目录，然后点击next

 9.选择第一个，点击next

 10.填写端口号，填上之后点击Text Port测试端口是否被占用，没被占用的话会显示绿色箭头，然后点击next

 11.点击change，改变为我们刚安装jdk的目录，点击next

 12.默认，点击next

13.点击install，等待安装完成，完成后点击finish

 14.进入浏览器输入localhost:6379，端口号是10中自己填写的端口号，然后会进入到这个页面

 根据红字提示，找到该文件（ProgramData是隐藏的项目，需要在电脑上设置显示）

 15.用记事本打开，复制密码到管理员密码处，点击继续

 16.然后点击  安装推荐的插件，等待安装的完成

17.安装完成，按照提示注册管理员用户，点击保存并完成，然后回出现这个界面，点击保存并完成

 18.开始使用jenkins，到此jenkins就已经安装完成

 19.然后安装Git，网址是Git，点击downloads，然后点击windows，选择64位的安装程序

 20.下载完成后，一直默认next安装即可

 21.在jenkins里点击Manage Jenkis选中Global Tool Configuration设置服务器git安装路径，然后点击应用

 22.在Manage Plugins下搜索NodeJS插件并安装

 23、“安装完成后重启Jenkins(空闲时) ” 这个一定要勾选，重启才能有效

 重启慢的话，进入计算机管理，点击jenkins重启动，然后进入浏览器刷新页面重新登陆

 24.在Global Tool Configuration选项下设置NodeJS版本，等下打包构建的时候要用到。填一个别名，点击应用

25.安装nginx，下载地址是nginx

 选择稳定版下载，下载后解压缩即可

 进入到解压后的目录，输入cmd

 运行nginx start

打开浏览器输入localhost：80，若出现一下界面则安装成功

 在nginx的html文件夹下新建mall，dist文件夹

 然后打开nginx.conf文件进行项目代理配置

 ​​​​​

 配置完成后在cmd里面输入 nginx -s load 重启nginx

  26.创建项目，首页点击  新建item

 输入gitee仓库代码地址，点击添加（报错先不用管）

 输入仓库用户名和密码

 这里选择写好的仓库用户（报错就消失了）

 在构建环境选择nodejs构建

 点击build steps下的  增加构建步骤

命令解释：

        1.每次打包前先强制删除项目下的node_modules文件夹及下面的文件

        2.安装依赖

        3.build打包

再增加一步构建命令

        命令解释：

                1.删除nginx站点下dist文件夹

                2.复制粘贴jenkis打包好的dist文件及内容，强制覆盖至nginx站点下的dist文件夹

  然后点击应用

进入到自己创建的文件夹里面，点击build now，开始构建

 27.显示绿色对号就是构建成功，同时nginx下的dist文件夹里也有文件了​​​​​​​

 28.最后在浏览器上输入localhost：8999即可访问，服务器的话输入自己的ip+8999（自己的端口）

 OK！完事