Vue js：最推荐使用vuejs编写Web应用程序的代码结构是什么

Question

我从vuejs + Typescript（类模式）项目开始。我的代码库遵循MVVM体系结构。我不清楚要实现

的代码结构

1. 不同层次（视图，业务，状态管理和网络）的责任分离。
2. 打包视图，自定义可重用组件，实体，网络，混入，实用程序，配置和资产。

我当前的src文件夹结构为

src
 |-- api
      |-- entity
            |-- entity.ts // business entity 
            |-- entity-service.ts // wrapper for network operations
 |-- assets // images, js libraries
 |-- config
      |-- inversify.ts // for dependency injection 
 |-- network
      |-- GRPCHandler.ts // making GRPC requests
      |-- HTTPHandler.ts // making HTTP requests
      |-- protos
           |-- sample.proto 
 |-- plugins
      |-- vuetify.ts
 |-- store
      |-- vuex-modules
           |-- module // registration module
                 |-- a-module.ts  // sign-in-module.ts
                 |-- b-module.ts  // sign-up-module.ts
                 |-- view-model.ts  // user-view-model.ts
      |-- store.ts
 |-- style
      |-- styles.scss
 |-- utilities
 |-- views
      |-- domain // user 
            |-- view1.vue // login.vue  
            |-- view2.vue // signup.vue 
      |-- components
            |-- reusable-component1.vue
 |-- App.vue // Entry point 
 |-- main.ts
 |-- router.ts
tests // unit and e2e
.env.[prod/staging/devlopment] // environment variables`

我经历了几个开源项目，但是都有不同的实现方式。