使用Github Actions自动部署vue项目

7.9

已于 2023-09-19 11:38:50 修改

阅读量535

点赞数 2

文章标签： github

于 2023-09-19 11:27:48 首次发布

本文链接：https://blog.csdn.net/2302_77290281/article/details/133015530

版权

步骤：

1.进入github主页面
2.点击右上角自己的头像，点击Your repositories，进入自己的仓库，下图提示

3.进入Your repositories以后，点击绿色的New。下图所示

4.创建自己的仓库，下图所示

5.创建完成以后进入到以下页面，把下边这两段代码按序复制到项目中

6.复制到自己的项目中，下图所示

7.进入到刚才在github新创建的仓库，查看文件是否上传成功

8.文件上传成功以后点击上方列表第四个进入到Actions页面

9.点击set up a workflow yourself 跳转

10.把下方代码复制到里边，然后点击右上角的绿色按钮

name: Vue Deploy

on:
  push:
    branches:
      - master

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout repository
        uses: actions/checkout@v2

      - name: Set up Node.js
        uses: actions/setup-node@v2
        with:
          node-version: '14'

      - name: Install dependencies
        run: npm install

      - name: Build
        run: npm run build

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.PAT }}  # 此处修改为你的Secret名称
          publish_dir: ./dist