Vue.js + Typescript のディレクトリ構造一例 - Qiita

こんにちは。 Web・iOSエンジニアの三浦です。 今回は、最近開発している Vue.js（Typescript）について、実際に使っているディレクトリ構造を紹介します。 はじめに 初めて Vue.js で開発をしたときは、基本に則った Atomic Design を使用していました。 しかしコンポーネントが増加するにつれ、どのように分けるべきか、同レイヤー間の呼び出しを許可するかなど煩雑さが増していきました。 その後別プロジェクトを Vue.js + Typescript で開発する機会があり、前回の反省を踏まえて少し Atomic Desigin をカスタマイズしてみることにしました。 ディレクトリ構造 現状以下のディレクトリ構造を使っています。 基本的な考え方は Atomic Design ですが、こちらの「Atomic DesignをVue.jsで実現するための構成と考え方 | B