使用 Visual Studio 自动部署 VueJS

Question

我找到了this question。现在，我的部署工作如下：

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

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

Answer 1

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

您可以用于此类工作流的一些项目：

• 詹金斯-https://www.jenkins.io/
• Gitlab CI/CD - https://docs.gitlab.com/ee/ci/
• Netlify - https://www.netlify.com/ - 包括 CI/CD 和免费静态 Web 托管