GItHub 工作流 Actions的使用 以前端项目为例

关于 Github Actions https://docs.github.com/en/actions

on 是用于限定工作流的触发时机, 比如你可以为你的不同分支,不同tag 不同动作(推送代码,合并代码)制定不同的工作流 触发不用的Actions

任务的执行可以并行也可以是串行

最重要的是 可以使用官方制作好的action

如   uses: actions/setup-node@v1

这就是在执行工作流的机器中安装node

再比如 uses: actions/create-release@v1

这个actions就是创建release的action, 接受一些参数,

官方以及第三方提供的actions 都收集在这里 Marketplace Actions 

搜索对应的action 进入详情查看输入的参数, 以及输出

如create-release   点击查看create-release的用法,

# 工作流名称
name: CI

# 限定工作流执行的条件
# 触发条件 branches限定分支
# push推送到master动作,pull_request是合并到master动作
on:
  push:
    branches: [ master ]
  pull_request:
    branches: [ master ]

# 一个工作流的根节点jobs,以下可以定义多个job
jobs:
  # 定义一个名为 build 的job
  build:
    # CI 或 job执行的环境
    runs-on: ubuntu-latest

    # job中每一步的任务序列
    steps:

      # Job Start
    - name: Job Start
      run: echo Hello, GitHub workflows !

    # 检出你在当前github工作空间的项目
    - uses: actions/checkout@v2

    # 执行一个一系列或多行的shell命令
    # - name: Run a multi-line script
    #   run: |
    #     echo Add other actions to build,
    #     echo test, and deploy your project.

    # 设置Node环境 actions/setup-node@v1 是GitHub Marketplace其中的一个,相当于一个方法
    # 使用一个Actions 使用uses关键字,  with表明参数
    - name: Setup Node
      uses: actions/setup-node@v1
      with:
        node-version: '10.x'

    # 使用多路径的缓存帮助构建
    - name: Cache multiple paths
      uses: actions/cache@v2
      with:
        path: |
          ~/cache
          !~/cache/exclude
          **/node_modules
        key: ${{ runner.os }}-${{ hashFiles('**/lockfiles') }}

    # 安装项目依赖
    - name: Install Dependencies
      run: npm install

    # 执行代码检查
    - name: Lint Code
      run: npm run lint

    # 编译项目到静态文件
    - name: Build Static
      run: npm run build

    # 打印当前工作目录
    - name: Run a one-line script
      run: pwd

    # 上传dist目录作为制品
    - name: Upload a Build Artifact
      uses: actions/[email protected]
      with:
        # 制品名称
        name: artifact # optional, default is artifact
        # 一个文件, 一个目录 或者 通配符模式 上传
        path: dist

上面的工作流是一个应用于简单的vue单页面用于的项目,

安装依赖包, 使用eslint验证代码, 然后编译项目到dist目录,最后将dist目录做成制品上传

效果截图