为了使用GitHub Actions部署Vue项目,你需要按照以下步骤进行操作: 在GitHub仓库中创建.github/workflows目录(如果不存在): 在GitHub仓库的根目录下,创建或确认存在.github/workflows目录。这个目录用于存放GitHub Action的工作流配置文件。 在.github/workflows目录中创建一个新的YAML文件: 例如,你可以创建一个名为main.yml...
1. 创建一个vue项目 我们这使用vue-cli直接生成一个项目,确保全局安装了vue-cli脚手架,安装命令为npm install -g @vue/cli,打开控制台,输入以下命令:vue create 项目名,创建一个新项目,选择 默认配置。 2. 修改package.json文件 在package.json文件中增加一条命令,"homepage": "https://[github用户名].githu...
https://<用户名>.github.io/assets/index.bf782a5b.js,而我们的资源文件在/vue-pages/目录下,所以当然报错404,修复也很简单,如果你的Vue项目是基于 Vite 的构建的,需要修改vite.config.js,添加base:'./' exportdefaultdefineConfig({plugins:[vue(),vueJsx()],base:'./',// 将根路径换成相对路径resolv...
npm run-script build# react项目的FOLDER为build,vue项目改为dist-name:Deployuses:JamesIves/github-pages-deploy-action@releases/v3with:ACCESS_TOKEN:${{secrets.ACCESS_TOKEN}}BRANCH:gh-pagesFOLDER:build 首先我们形成一个基本的观念,对于一个workflow来说,从大到小可以按以下划分:workflow(最大) --> job ...
vue前端项目写好之后,想部署到线上通过在线地址进行访问,可以通过gitee或者GitHub的pages 这里是手动部署的方法:Vue - vue项目打包部署到Github的pages在线访问 自动化部署需要的准备工作 在项目中设置路径 在vite.config.ts文件设置base为 './', 添加gh-pages分支 ...
前端项目(Vue) GitHub账号 服务器资源(或者使用github pages) 4.2 初始化项目 (1)初始化一个Vue项目 在本地任意地方初始化一个Vue项目,初始化命令如下: vue create myproject 项目的相关配置任意选择,最后项目运行起来如下: (2)推送至GitHub 在GitHub上新建一个项目,我们就取名为github-actions-demo: ...
Vue 项目:https://github.com/yimogit/admin.ui.plusfork 自zhontai/admin.ui.plus 安装了 docker 的 Linux 服务器 后端asp.net core7.0 项目的部署 执行步骤及重点 仓库地址:https://github.com/yimogit/Admin.Core 部署文件:.github\workflows\test-deploy.yml ...
这时候我们就想了,有不有一种方法,能够帮我们自动构建静态文件然后部署到 Github Pages 上呢。刚好,Github 官方提供了这个一个工具:Github Actions。利用它,我们就能够将重心转移到创作之后,每次创作之后推送到远程之后它就会自动后续工作,接下来我们就来看看如何利用 Github Action 实现自动部署我们的博客。
GitHub Action持续集成服务,目前已经免费开放使用,由于大部分人的个人项目都是放在Github上,那么使用它来发布、测试、部署,是非常方便的。 最近写了一个基于Vue3 + Vant4 的移动端模板,由于每次想查看线上效果都要手动去打包部署,就去学习了一下Github actions 自动打包发布项目地址欢迎 star (*^_^*) ...