History岩手のITエンジニアです。Twitterとは違い主に技術的な話を載せていきます。2022.07.23どうも僕です。ActionsでPrettierを実行したい』と話が出て、それを導入した話です。今回はNuxt3の中に導入したので、その一例を。スクショで申し訳ないんですがwまず『.gitignore』のあるディレクトリに来たらprettierをインストールします。Actionsの設定ファイルを作成します。.github/workflows↑この通りディレクトリを作りまして、中に.ymlのファイルを作ります。(ファイル名は何でもよいので、今回は『auto-prettier.yml』としました。)ちなみに、workflowsをworkflowと記載しているサイトもあるので、これはタイポなので引っ掛からない様にご注意ください。↓肝心のauto-prettier.ymlの中身はこんな感じです。Change今回はNuxtに導入しているので、.vueのファイルも対象にしました。(ちなみに、これは試作のテストプロジェクトなので、ブランチ関係なくpushすると毎回毎回CIが走る様になってますが、周囲と調整してmainのブランチでマージした時にだけ走る様に後で改造するかと思います。)それで、肝心の動いた画面はこんな感じに。GitHubのActionsをクリックすると、緑のレ点が出てきます。それで、もしコードの成型で引っ掛かった場合は自動的に成型されて、ローカルリポジトリの方にはプルする様に出てきますね。(私の場合はSoucetreeを使っているので、Soucetreeのプルボタンが光ります。成型ルールを記載することもできます。今は↓の様にしてありますが、まあサンプルという事で。"lf"}『.prettierignore』には下記の様に記載してあります。artifacts:buildcoverageこの辺りのことは公式に書いてありますので、一度目を通してみると良いかと思います。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取るΔホーム日記このブログは主にITに関するネタや技術的な検証、自己解決の記録用です。Map検索タイトルとURLをコピーしました。