매번 프로젝트를 시작하는데 해메는거 같아서 정리를 해보려고 합니다.
1 2 3 | npm install -g @vue/cli vue create my-project | cs |
위 커멘드를 입력한 이후에 다음과 같이 선택하는 창이 나타나게 됩니다.
babel과 eslint를 사용하는것이 기본 설정이고 필요한 것들은 따로 추가할 예정입니다.
1 2 3 | vue add router vue add vuex | cs |
이후에 router와 vuex를 추가하고 빌드 환경설정을 위한 .env 파일을 셋팅합니다.
다음과 같이 vue 프로젝트 폴더에 추가하고
VUE_APP_OPTION_DEV=dev
VUE_APP_OPTION_TEST=devTest
다음과 같이 VUE_APP prefix를 붙이면 빌드할 때 환경변수를 포함시켜줘서
client 환경에서 해당 값을 사용할 수 있습니다.
[참고]
1 | console.log(process.env) | cs |
댓글