visual-studio - 使用 Visual Studio 自动部署 VueJS

Question

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

在 VS 中点击 web depoly 按钮。在旧的 ASP.NET 世界中，这就是必须完成的全部工作。

打开开发人员命令提示符。

运行 npm run build

打开项目文件夹，找到index.html文件和 dist文件夹。

打开另一个资源管理器并导航到 IIS 的共享文件夹。

将文件复制到服务器上。

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

Answer 1

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

Jenkins - https://www.jenkins.io/

Gitlab CI/CD - https://docs.gitlab.com/ee/ci/

Netlify - https://www.netlify.com/ - 包括带有免费静态网络托管的 CI/CD