前言

前文中介绍了，海报设计的基础知识，也介绍了一些免费的海报设计平台。

文中提到，会写一篇文章介绍如何在自己的服务器上自建海报应用。

今天，我就来完成这个作业。

开源项目

同之前文章中提到的工具一样，我们要自建海报应用，仍然要借助开源项目。

这个开源项目名字叫快图设计。开源地址是： https://github.com/nihaojob/vue-fabric-editor。已经有5.5k+个star了。

这个项目是一款开源图片编辑器，更像一个开源在线设计工具，可用于海报设计、图文笔记、商品设计、封面设计、标签设计、logo设计、等场景，自定义字体、素材、设计模板、右键菜单、快捷键，还提供插件化的方式扩展二次开发。

从项目介绍中可以发现，这个项目是一个用NodeJs开发的前端项目（是需要有后端程序支持的，但是后端并没有开源）。

所以，我们首先要确保自己的电脑上安装了NodeJS的运行环境。

具体的安装方法，就不介绍了。可以参考官方的安装教程： https://nodejs.org/en/download/package-manager

选择不同的版本，不同的操作系统，不同的安装工具，会给出不同的安装提示，将这些安装语句在系统的命令行工具中执行即可。

需要注意的是：快图设计这个项目对NodeJS版本有要求，必须安装node.js v16以上的版本

安装好NodeJS并且把程序代码下载到服务器上之后。接下来就是运行了。上图中，已经给出了运行方法，在命令行工具中执行两个命令

pnpm i //该命令会自动安装程序中所需要的插件

pnpm dev // 该命令，会运行程序

这时候，你的浏览器里会自动打开一个网页

这时候，快图设计这个应用就已经在你的电脑上安装完成了。

快去体验一下吧。页面很简洁，但是功能却并不少。完全能够满足我们的海报设计的要求。

在体验一段时间之后，细心的你可能就会发现一个问题，终端工具中执行的这条命令不能停，如果停了，页面就无法正常展示了。这就说明，以后这个命令行不能关、电脑不能关了。

有没有更好的办法？我还想让其能够部署到云服务器上，能不能做到？

当然能做到。

这时候，我们可能需要执行另一个命令：

pnpm build

这个命令执行完，会将整个项目编译成静态文件,放置在dist文件夹里：

现在我们只要把这个文件夹里的内容，复制到自己的云服务器上，再使用Nginx进行配置，这个项目就能在服务器上永远运行了。

Nginx的安装和配置方法，在以前的文章中详细介绍过，这里就不再叙述了。如果你不是很了解使用方法，可以在网络上搜索，也可以看我以前的文章，也可以联系我，我可以协助。