4. (VueJs) vue js 사용 기본 의존성 패키지 설명 및 설치 방법

/* =========================== */

[개발 환경 설정]

​

개발 툴 : Intelli J

개발 언어 : vue.js

/* =========================== */

​

/* =========================== */

[설 명]

​

[Vuetify 란?]

- Vuetify 는 google의 Material UI 프로젝트를 Vue에 맞게 포팅한 것입니다

- cmd 명령어 (설치) : C:\Users\IdeaProjects\first_test> vue add vuetify

- 설치된 것 확인 (일반) : package.json > devDependencies > vue-cli-plugin-vuetify 확인

​

​

​

[Vue Cli 란?]

- Vue Cli 는 Vue 개발 환경을 설정해주는 도구입니다

- Vue Cli 는 기본적인 프로젝트 세팅을 도와줍니다 (폴더 구조, build, 라이브러리 등 ... )

- cmd 명령어 (2X버전 설치) : C:\Users\IdeaProjects\first_test> npm install -g vue-cli

- cmd 명령어 (3X버전 설치) : C:\Users\IdeaProjects\first_test> npm install @vue/cli -g​

- 설치된 것 확인 (명령어) : C:\Users\IdeaProjects\first_test> vue --version

- 설치된 것 확인 (일반) : package.json > devDependencies > @vue/cli-plugin 확인

​

​

​

[Vue Router 란?]

- Vue Router 는 웹 페이지의 간의 이동방법을 의미합니다

- Vue Router 는 URL에 따라 보여줄 컴포넌트를 연결해 놓고, 해당 URL로 이동했을때 연결된 컴포넌트를 보여줍니다

- cmd 명령어 (설치) : C:\Users\IdeaProjects\first_test> npm install --save vue-router

- 설치된 것 확인 (일반) : package.json > dependencies > vue-router 확인

​

​

​

[추가 npm 설치 관련]

- j쿼리 관련 : C:\Users\IdeaProjects\first_test> npm install jquery --save

- 업데이트 관련 : C:\Users\IdeaProjects\first_test> npm i -g npm-check-updates

​

/* =========================== */