用TeamCity实现npm项目的自动部署

TeamCity是Jetbrains的持续集成工具，免费使用的话可以设置20个构建脚本，对于我们个人来说基本上是够用了。当然假如以后超过限制了，可以考虑使用另一个著名的持续集成工具Jenkins。当然很早以前我就安装了TeamCity，不过一直没机会用。这几天正好随便写了一个个人小项目，就用它来测试一下TeamCity的持续集成功能吧。

先来说下我的条件，我的TeamCity是部署在自己的电脑上，自己的电脑上当然还有其他一些开发软件。另外我还有一台服务器，安装着Nginx等软件，并开启了FTP。现在要做的就是设置一个持续集成，每当我提交Vue项目的时候，TeamCity自动打包项目，然后上传到FTP目录，让服务器更新文件。这个过程说起来好像挺复杂，其实倒是挺简单的。

服务器配置

我用的FTP软件是vsftpd，这是一个比较安全的FTP服务器端，一般Linux上都是用它。这个软件的缺点就是当你登录的时候，FTP文件夹只能是用户主目录，不能自定义修改为其他目录。而Nginx默认的文件目录一般在/var/www/html或者/usr/share/nginx/html之类的。因此nginx需要将HTML文件目录配置修改为用户主目录。

当然一般情况下不会将整个用户主目录暴露在Web服务器下，而是只暴露一个子文件夹。所以nginx配置文件可以这么写。

    server {
        listen       80 default_server;
        list