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/upload-artifact@v2.1.3
            with:
             # 制品名称
              name: artifact # optional, default is artifact
             # 一个文件, 一个目录 或者 通配符模式 上传
              path: dist
  
 

  
 
 

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

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

效果截图

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/107912095