vue项目自动化构建到发布：Gitee+nginx+jenkins

操作的流程大概是：

首先，在本地编辑器中创建一个可运行可打包的完整的项目，然后将其放到代码托管的远程仓库中。

其次，在nginx的配置文件中更改相关的配置信息（项目的端口信息，以及项目入口文件的地址等）。

最后，在jenkins里安装git插件，并且通过webHooks与远程仓库建立连接，最终在代码提交时触发自动构建项目，并且在项目的nginx部署地址可以访问到。

一、开发工具和版本管理工具

这里介绍vue项目的使用VsCode开发,gitee(码云)仓库代码托管。

写在前面：

vue项目创建，需要在本地安装好node，git。

nodejs下载官网：https://nodejs.org/zh-cn/。（后期在jenkins的插件安装也与此处的代码管理器保持一致。）

git下载官网：https://git-scm.com/downloads。（后期jenkins的插件安装也与此处的代码管理器保持一致。）

开始一个项目，并上传到gitee：

1、使用vue-cli搭建一个项目。初始化下载项目依赖，在terminal窗口运行：

npm install

如果网速不是很理想，可以先下载国内的淘宝镜像来下载依赖。依次运行以下命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install

此时，项目根目录中有node_modules的文件夹生成。当依赖下载报错时，一般要删除它，再次重复上述步骤。

2、在原有的"hello world"的项目例子基础上，根据自己的项目需求做一些修改。这时候，就需要创建一个远程仓库作为代码托管容器。这里主要介绍使用gitee管理（后期jenkins的插件安装也与此处的代码管理器保持一致。）

1）注册并登录gitee.官网：https://gitee.com/

2）创建一个project，文件夹名称建议与你的vue项目名称一致。创建过程很简单，没有什么特别注意的，简单的配置是只需要填写项目名称就可以。然后就会产生一个你的仓库。

3）在本地新建一个文件夹，右键“Git Bash Here”,进行本地仓库初始化。依次执行：

git init                           //初始化一个git 本地仓库此时会在本地创建一个 .git 的文件夹
git config --global user.name "你的码云用户名"  //Git 全局设置用户名
git config --global user.email "你的绑定邮箱"      //Git 全局设置邮箱
git remote add origin https://gitee.com/你的gitee用户名/XXXX.git   //添加远程仓库,xxx为项目名称

4）将要上传的项目中的所有文件，copy到刚刚创建的文件夹

5）然后进行代码上传，依次执行

git add .         &nb