/trello

「Vue.js/Vuexを使ってTrello風アプリを作成しよう!」の写経用リポジトリ

Primary LanguageVue

trello

Techpitにて公開されている Vue.js/Vuexを使ってTrello風アプリを作成しよう! の写経用リポジトリです
さらにカリキュラム終了後にDocker化して開発がしやすいようにカスタマイズしています

00_trello

環境

環境については以下の通りである

環境 バージョン
Node.js 12.16.3
Vue.js 2.6.11
Vuex 3.4.0

開発

基本的にdockerを使用して開発を行います
開発用に trellorunner の2つのサービスを作成しているのでこの2つのサービスを使用して開発を行っていきます

trelloを起動する

下記コマンドを実行後、http://localhost:8080/ にアクセスしてください

$ docker-compose up trello

runnerを起動する

npm i hogehoge --savenpm run lint などのコマンドを実行するためのサービスになります

$ docker-compose run --rm runner

その他

Vuexについて

このプロジェクトではVuexを使用しているのでVuexの概念をちゃんと図で頭に入っているとすごく理解しやすい
詳しくは公式のドキュメントを参照すること

Vuexの概念

開発環境を削除する

コンテナ、イメージ、ボリューム、ネットワークをすべて一括で削除します

$ docker-compose down --rmi all --volumes

参考記事:《滅びの呪文》Docker Composeで作ったコンテナ、イメージ、ボリューム、ネットワークを一括完全消去する便利コマンド - Qiita