Nuxt4（Yarn使用）アプリを CircleCIでテスト → 成功したらVercelへ自動デプロイする構成。— 🎯 全体構成- Nuxt4（Dockerなし）- CircleCIでCI構築- developブランチでのみ、test, buildジョブを実行- テスト成功後、githubでプルリク- mainブランチへマージされるとVercelにて自動デプロイ- ✅ 前提条件- Nuxt4ア…Continue reading 【Nuxt4 + Yarn】CircleCIからVercelへ自動デプロイする方法
カテゴリー: vue.js
Laravel, Vue.js メモ
環境構築 laravel プロジェクト作成 node.jsインストール viteのvueインストール Laravel 10ではViteがデフォルトのビルドツールとして使用されているため、Vue CLIは必要ない。代わりに、ViteのVueプラグインを使用する。 viteでvueを使うため vitejs/plugin-vueをインストール viteの設定 vite.config.jsの設定 vueプ…Continue reading Laravel, Vue.js メモ
Vue.js prettierをインストールしたらエラーが出まくった
vueプロジェクトを作成するときにカスタム設定でprettierをインストールできるようになるが、これがWindowsだといろいろとめんどかったので消した。 改行コードやシングルクォート、カンマやセミコロンなどいろいろエラーが出る。 ESlintだけあればいいので、アンインストールする。 .eslintrc.js ファイルを開き、Prettier関連の設定を削除 .prettierrc ファイルが…Continue reading Vue.js prettierをインストールしたらエラーが出まくった
vue.jsとbladeテンプレートのコメントアウトの方法
vue.jsのコメントアウト jsのコメントアウトは、”// コメント “, “/** コメント */” の方法がある。 vueファイルの<script>タグ内も同様に使える。 <template>タグ内はhtmlと同様、<!– コメント –> が使える。 これは<template&…Continue reading vue.jsとbladeテンプレートのコメントアウトの方法
vue.jsを使うためのパッケージインストール時に出たエラーの対処
最初のpackage.json { “name”: “sample”, “version”: “1.0.0”, “description”: “”, “main”: “app.js”, “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1″ }, “author”: “”, “license”: “ISC…Continue reading vue.jsを使うためのパッケージインストール時に出たエラーの対処