[vue]환경설정

#.vue설치 - terminal

-npm install -g vue

-npm install -g @vue/cli  //vue프로젝트를 빠르게 실행하게 도와줌

 

#.구조

package.json : project에 대한 정보

package.json

"private" : true -> npm에 등록된다면 접근 지정

npm run serve 명령어가 실행되는 부분

devDependencies > 사용해야할 모듈들(설치된)

내부적으로는 package-lock.json에 표시

 

 

#.main.js

-vue 처음 실행되는 파일

#.생성

Manually select features ->위아래 이동 이동키, 선택 space bar 

*Babel : 최신 js 문법을 써도 구 버전 js에서도 작동할 수 있게

*PWA : 모바일처럼 웹을 구현할 수 있게 해줌

*Router : 화면이동할 때 사용

*Vuex : 모든 뷰 컴포넌트에서 접근가능한 저장소를 만들어 저장하고 상태관리해주는 도구

*Linter / Formatter : 코딩 규칙,컴벤션 가능하게 해주는 모듈

 

버전 체크

 

 

#.Prefetch

-캐시에 vue를 저장해서 사이즈가 큰 component를 빠를게 불러 올 수 있다.

-미래에 사용성이 높을 때 사용하는 게 좋다.