如何通过Jenkins实现Vue项目的自动化部署？

本文共计565个文字，预计阅读时间需要3分钟。

一、Node.js 配置首先，安装 Node.js 并添加到环境变量。接着，安装 Node.js 插件，如：- 在配置文件中配置该插件- 这样，我们就能在自动构建的配置中查看 Node.js 的编译选项了。

二、发布配置首先，新建一个自定义格式的项目。然后，进行如下配置：- 配置发布环境- 配置项目发布参数

一、nodejs配置

首先加入nodejs插件
–>–>

在配置里面配置这个插件
–>

这样我们就能在自动构建发布的配置里看到nodejs的编译选项了

二、发布配置

首先新建一个自由风格的项目

然后配置构建保留天数和参数化构建
这里选择在svn上的资源，配置好访问的用户信息

这样我们在构建的时候能看到项目的不同版本

接下来选择构建的数据源位置

echo $PATH node -v npm -v npm install chromedriver --chromedriver_cdnurl=cdn.npm.taobao.org/dist/chromedriver npm install npm run build cd dist rm -rf vue-mall.tar.gz tar -zcvf vue-mall.tar.gz * cd ../

cd /usr/local/nginx/html rm -rf mall mkdir mall tar -zxvf vue-mall.tar.gz -C mall/ rm -rf vue-mall.tar.gz

ssh server的配置如下

–>

三、遇到的问题

①npm代理问题
在jenkins的服务器上设置npm config

#可以访问外网的代理ip地址和端口 npm config proxy=ip:port npm config ip:port #镜像选择淘宝的镜像 npm config set registry=registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response）

②chromedriver@2.37.0 install: `node install.js

这里我们在上面的构建中已经有体现，加上如下命令

npm install chromedriver --chromedriver_cdnurl=cdn.npm.taobao.org/dist/chromedriver

以上所述是小编给大家介绍的jenkins自动化部署vue详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对自由互联网站的支持！