root
├── src
│ ├── assets
│ ├── components
│ ├── graphql
│ ├── plugins
│ ├── App.vue
│ ├── main.ts
│ └── vue-apollo.ts
│
├── apollo.config.js
├── tsconfig.json
└── vue.config
有建立過 Vue 專案的讀者對這個結構應該不太陌生
但又有幾個部分不太熟悉
接下來我會針對這些目錄結構做詳細的介紹
Vue Apollo 的配置檔,基本上不太需要做改動
關於 Vue 檔案路徑, Compiler ,CSS 等相關配置都是來這裡設定
更詳細介紹可以參考官網,中文的,很好理解 :100:
export default new Vuetify({
theme: {
dark: true
}
});
以上就是基本的目錄結構介紹,之後在實作過程中還是會繼續增加一些檔案,像是 Vue Router, Vuex 的 Store, 或是 Vue Apollo cache 等等。