[VueJS] vue 프로젝트 생성

내가 헤맨포인트
-프로젝트를 생성할때마다 꼭 cli를 설치해야하는가?
-책을 통해 시작 하다보니 버전이 낮았음 꼭 버전확인 필 (3부터 명령어가 달라짐)
-원하는 곳에 작업폴더 위치 만드는법 또는 경로설정

1. vue/cli 버전확인

*명령 프폼포트(cmd)에서

vue --version


vue/cli 버전이 1.x 또는 2.x일경우 삭제 후 재설치 권장 (하단링크대로 하면됨)
https://cli.vuejs.org/guide/installation.html

2. 프로젝트 작업폴더 생성

나는 vueProject 하위 폴더에 작업폴더(004_test2)를 만들고 싶었음
vueProject 폴더내에서 cmd로 프로젝트 생성하면 됨
폴더내 cmd 오픈은 폴더 경로에 cmd.입력하면 해당 폴더내 cmd오픈

vue create 004_test2(폴더명)

vue create 명령어로 프로젝트를 생성하면 vueProject 폴더내 작업폴더 생성 됨

3. 실행

vue3미만 버전일 땐 npm run dev 명령어를 입력하면 바로 실행 됐음
3이상 일땐
$ cd 004_test2 // 상위폴더 cmd이기 때문에 해당폴더경로로
$ npm run serve // 실행

이 화면이 뜨면 성공!!이나 자동으로 창이 켜질줄알았으나
localhost:8082/ 입력 해야 비로소 확인 (참고로 보통 8080임)

좋은 웹페이지 즐겨찾기