take121516 / biblio

読んだ本の内容や感想などを共有するアプリケーションです。
MIT License
1 stars 0 forks source link

Vue.jsの開発環境の確立 #3

Open take121516 opened 3 years ago

take121516 commented 3 years ago

Vue.jsの動作環境を構築し、開発で使用する環境を決定する。

Vue.jsはSPAの形式で利用するのではなく、画面の構成部品として機能させる。

take121516 commented 3 years ago

Vue.jsはCLIにして、サーバーとの通信はWeb APIを使った方がいいね。 そうなるとSPAの構成にして、VueRouterで複数画面の管理をする方法がいいのか。

take121516 commented 3 years ago

シンプルなプロジェクトを作成するだけならこの記事が参考になる。
Vue.js を vue-cli を使ってシンプルにはじめてみる

webpackとBabel使うことが前提らしい。
webpackとBabelの基本を理解する

take121516 commented 3 years ago

Vue.jsの単体テストは公式から「Vue Testing Library 」がおすすめされているので、そちらを使おう。 コンポーネントテストの推奨ツール

「Vue Testing Library」の低レベルコンポーネントテストライブラリとして「Vue Test Utils」があって、 そっちの実行方法は見つけたから最初の環境としてまずは構築してみる。 Vue Test Utils + Jest でVue.jsの単体テストを行う

「Vue Testing Library」へ移行するにはもう少し調べる必要がありそう。

take121516 commented 3 years ago

Vue Testing Libraryはインストールすれば使えるみたい。

画面遷移についてはこの記事が参考になる。

ディレクトリ構成はこの記事の「Parts & Pages & Globalsパターン」をもとにした方がよさそう。
最初はvuexを使わずにstoreパターンで代用する感じで。
Vue.js ディレクトリ構成 色々試してみた