使用 Visual Studio 自动部署 VueJS
Automatically deploy VueJS with Visual Studio
我找到了 。现在,我的部署工作如下:
- 点击 VS 中的网络 depoly 按钮。在旧的 ASP.NET 世界中,这就是所有必须要做的事情。
- 打开开发者命令提示符。
- 运行
npm run build
- 打开项目文件夹并找到
index.html
文件和 dist
文件夹。
- 打开另一个资源管理器并导航到 IIS 的共享文件夹。
- 将文件复制到服务器上。
我的问题是,是否有一种简单的方法可以将步骤 2 到 6 集成到 Visual Studio 的 UI web 部署命令中。我想,我不是这个星球上唯一正在寻找这种一键式解决方案的人,但不幸的是我找不到任何东西。但我很确定,我只是在搜索错误的关键字。
最简单的解决方案是编写一个执行步骤 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 和免费的静态网络托管
我找到了
- 点击 VS 中的网络 depoly 按钮。在旧的 ASP.NET 世界中,这就是所有必须要做的事情。
- 打开开发者命令提示符。
- 运行
npm run build
- 打开项目文件夹并找到
index.html
文件和dist
文件夹。 - 打开另一个资源管理器并导航到 IIS 的共享文件夹。
- 将文件复制到服务器上。
我的问题是,是否有一种简单的方法可以将步骤 2 到 6 集成到 Visual Studio 的 UI web 部署命令中。我想,我不是这个星球上唯一正在寻找这种一键式解决方案的人,但不幸的是我找不到任何东西。但我很确定,我只是在搜索错误的关键字。
最简单的解决方案是编写一个执行步骤 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 和免费的静态网络托管