Contents
vue project common boilerplate (ver 0.1)
● Set up
GIT Clone
$ mkdir {project name}
$ git clone https://github.com/gmlee329/vue_common_boilerplate.git {project name}
install packages
$ cd {project name}
$ npm install
run local server
● Environment
vue 2
vue-cli 3
● Structure
assets : fonts, icons, images, styles 등 자산파일(assets files)
components : vue components 개발
config : 설정 파일 관리
constants : 상수 관리
directives : vue custom directive 등록
layouts : 화면별 layout 개발
plugins : vuetify 등 내,외부 플러그인 등록
router : vue router 등록
services : axios 등 외부 연동 서비스 관리
store : vuex store 데이터 관리
utils : 유틸 function 등록
views : vue router로 진입되는 화면 등록
tests : test 코드 관리
package.json : node package 관리
vue.config.js : vue 전역 설정 관리
● Application architecture
중간 규모의 vue 애플리케이션에 적합한 기본 구조로 구성
애플리케이션 규모, 도메인 특성에 맞춰 구조 변경 필요
더 복잡하고 큰 규모의 애플리케이션일 경우 common 디렉토리로 공통 기능 묶어서 관리 및 도메인별 폴더 생성하여 구조 관리 필요
● Etc
해당 repo의 sample 코드는 유수영 님의 Standard Spring Boot Structure 와 연동 테스트 할 수 있도록 구현하였습니다.