使用Visual Studio自动部署VueJS

Question

我发现了这个问题。现在，我的部署工作如下：

1. 点击VS中的web depolly按钮。在旧的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/-包括免费静态web托管的CI/CD