vue 입문

버전 설치 확인

 vue --version

 

설치

(g:글로벌로 설치 폴더가 아닌 모든곳에서 사용 가능)

npm install -g vue

(맥북사용자는 sudo)

sudo npm install -g vue

npm install -g @vue/cli

 

 

보조 도구 세팅

vetur 확장자 설치

 

생성

 vue create project01

각종 오픈소스와의 호완성을 위해 2를 사용하는 경우가 많음. 3설치

정상 실행되었음! localhost:8080 접속시 화면 실행되면 정상

 

실습 예제 프로젝트 재 생성

 vue create project

3번 메뉴얼 선택

 

router : 화면전환 처리

vuex : 저장소

Linter : 모두 동일 규칙으로 코딩 규칙정의

메뉴얼에서 체크한대로 router store 등 폴더,package 생성 확인

 

 

 npm run lint -- --fix

문법 맞추라는 에러

 

 

참고자료 :https://www.youtube.com/watch?v=b0ImUEsqaAA&t=1s