2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

GitHub Actions VS Code extension をインストールしたときのメモ

Posted at

背景・目的

GitHub Actions VS Code extensionをインストールしたときのメモ書きです

概要

こちらのドキュメントによると、下記の特徴があります

  • ワークフローと実行を管理する
  • 編集ワークフロー(構文の強調表示、自動補完、ホバー、検証)
  • CIビルドとデプロイメントを追跡する
  • 障害を調査してログを表示する
  • 環境、シークレット、変数などの設定を変更する

実践

環境構築

  1. VSCodeで拡張機能をクリックします
  2. Github Actionsで検索します
  3. GitHub Actionsが表示されるので、「インストール」をクリックします
    image.png
  4. 「Sign in to GitHub」をクリックします
    image.png
  5. ブラウザが立ち上がるので、「VIsual Studio Codeを開く」をクリックします
    image.png
  6. GitHub Actionsのタブをクリックし、「Refresh」をクリックします
    image.png
  7. Workflowの一覧が見えました
    image.png

Workflowの履歴を確認

  1. Workflowでは、履歴が確認できます。ブラウザマークが表示されますので、クリックします
    image.png
  2. ブラウザが表示され、確認できました。
    image.png

ジョブの確認

  1. ジョブを開きます
    image.png

  2. VSCodeで確認できました
    image.png

コード補完機能

  1. VSCodeでエラーが表示されるようになりました
    image.png

  2. サジェストが出る ようになりました
    image.png

考察

今回は、GitHub ActionsのVS Code extensionをインストールしました。特にエラーが、表示されるのが良いですね。もっと使い込んでいこうと思います。

参考

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?