使用 Visual Studio 自动部署 VueJS

Automatically deploy VueJS with Visual Studio

我找到了 。现在,我的部署工作如下:

  1. 点击 VS 中的网络 depoly 按钮。在旧的 ASP.NET 世界中,这就是所有必须要做的事情。
  2. 打开开发者命令提示符。
  3. 运行 npm run build
  4. 打开项目文件夹并找到 index.html 文件和 dist 文件夹。
  5. 打开另一个资源管理器并导航到 IIS 的共享文件夹。
  6. 将文件复制到服务器上。

我的问题是,是否有一种简单的方法可以将步骤 2 到 6 集成到 Visual Studio 的 UI web 部署命令中。我想,我不是这个星球上唯一正在寻找这种一键式解决方案的人,但不幸的是我找不到任何东西。但我很确定,我只是在搜索错误的关键字。

最简单的解决方案是编写一个执行步骤 3-6 的简单脚本,然后想办法制作 VS Code 运行。但是,如果您要进行定期更改,您可能应该将代码提交到 git 之类的存储库,并使用 CI/CD 使部署成为代码提交的一部分。即使您没有对项目进行分支 - 目的是自动化您的构建和部署工作流程。使用持续集成 (CI),只要您提交代码,它就会自动部署。在漫长的运行中,遵循这种工作流程将为您节省时间。

一些可用于此类工作流的项目: