Web/Vuejs 2

Vue에서 환경 변수 사용하기

이번 포스팅에서는 환경변수 사용하는 법을 확인해본다. vue와 vuetify 버전은 다음과 같다. "vue": "^2.6.11", "vuetify": "^2.2.11" 여기서 언급되는 환경변수는 리눅스나 윈도우의 환경변수랑은 다른 Vue용 환경변수를 말하는 것임을 유의한다. .env 생성 Vue에서 환경 변수를 사용하기 위해서는 아래와 같은 .env 폴더들을 프로젝트 아래에 만들어야한다. .env 폴더가 기본이고, 환경에 따라 .development, .production 등을 붙일 수 있다. 공통적으로 쓰는 것들은 env에, 개발용으로 사용할 것들은 development에 넣는 식으로 분리하면 되겠다. .env : development, production 등 모든 환경에 사용되는 환경 변수 .env...

Web/Vuejs 2020.12.31

Vue, Vuetify 설치 및 구동하기

CLI 설치하기 npm install -g @vue/cli -g 옵션으로 글로벌로 설치한다. 관리자 권한으로 위 명령어를 입력하거나 하면 이후로도 관리자 권한으로만 cli를 사용할 수 있으니, 원하는게 아니라면 일반 cmd나 PowerShell 등에서 입력하자(리눅스 유저라면 sudo 없이). 프로젝트 생성 vue create test 프로젝트를 생성한다. test가 프로젝트 명이다. Default Vue 2를 선택한다. vuetify는 vue 2에 호환된다. Vue CLI v4.5.9 ? Please pick a preset: (Use arrow keys) > Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint) ..

Web/Vuejs 2020.12.29