lepffm
commented
2 years ago view에는 router로 노출되는 화면 ( 해당 화면 전용 component는?? ) => 그래도 comp에 넣어야 재사용 가능성이 높?? directory는 feature 기준
Open lepffm opened 2 years ago
lepffm
commented
2 years ago view에는 router로 노출되는 화면 ( 해당 화면 전용 component는?? ) => 그래도 comp에 넣어야 재사용 가능성이 높?? directory는 feature 기준
https://swdevlab.com/147
Application Structure LIFT Principle ( from angular) https://angular.io/guide/styleguide#lift Locate code quickly, Identify the code at a glance, keep the Flattest structure you can, and Try to be DRY.
Folders-by-feature structure
components : contains Vue.js components used on different pages or parts of your application. You can import these components from pages, layouts, and other components.
views or pages : contains Vue.js components that it registers as routes.
public : contains files that likely won't change, such as favicon, robots.txt, sitemap, or company logos.
template icon images..
use directory A) flat : keep the folder hierarchy as flat as possible , redundancy of keywords in filenames/directory B) group by domain : separate module(==domain) in case of considering microfrontend
tests/unit tests/e2e or component와 같은 위치
links https://dev.to/vcpablo/vuejs-one-more-way-of-structuring-your-project-13mj -> vscode 및 template setting https://docs.vuestorefront.io/v2/getting-started/project-structure.html https://markus.oberlehner.net/blog/vue-project-directory-structure-keep-it-flat-or-group-by-domain/ https://velog.io/@cindy-choi/VUE-%EC%9A%B0%EC%95%84%ED%95%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B5%AC%EC%A1%B0-%EC%A7%9C%EA%B8%B0 https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/