임이지의 블로그

node.js, webpack, vue, vuetify 가 설치되어있는 환경을 가정합니다. 만약 미설치되어 있다면 node.js를 먼저 설치하시기 바랍니다. webpack-simple 프로젝트 생성 vue init webpack-simple painter-vuetify vue init webpack-simple [프로젝트명] 설치 완료된 화면입니다. dir 과 tree 명령으로 프로젝트 구성을 확인하도록 하겠습니다. dir 명령 결과 tree 명령 결과 npm install npm install 명령을 사용하여 package.json에 설정된 종속 라이브러리를 설치합니다. npm run dev localhost 를 실행합니다. 여기까지는 vue 가 설치 되어있는 상태입니다. Vuetify 설치 local..

Web/개발 환경 2021. 6. 18. 11:05

node.js 가 설치되어있다고 가정합니다. 만약 설치되어 있지 않다면 https://nodejs.org/ko/ 에서 설치하기시 바랍니다. VUE CLI 설치 -g 옵션으로 글로벌로 설치한다. npm install -g @vue/cli 프로젝트 생성 painter-vuetify라는 이름으로 생성한다. vue create painter-vuetify Vue2.x 버전대를 사용하고 있어 Default [Vue 2]를 선택했다. 설치가 완료되면 아래와 같은 화면이 나타난다. dir 명령으로 디렉터리를 확인하면 아래와 같다. tree 명령으로 확인하면 다음과 같다. Localhost 실행 아래 명령으로 실행한다. Vue 만 설치되어 있는 상태이다. npm run serve Vuetify 설치 npm 명령으로 v..

Web/개발 환경 2021. 6. 18. 10:19