Vue 프로젝트 생성, 실행

- vue 설치

npm install -g @vue/cli

 

vue2 or vue3 설치 중 선택하라고 한다.

vue3 최신버전으로 선택.

 

 

- 프로젝트 만들기

vue create [프로젝트명]

 

vue create 프로젝트명

 

- VSCode에 프로젝트 열기

 

File - Open Folder...

 

File - Open Folder... 선택 후 프로젝트 폴더 선택해서 열면 끝.

 

아..

그리고

마지막으로..

 

- 메뉴 View - Open View... 선택하고, NPM Scripts 하나는 열어주자.

 

View - Open View...

 

그러면, 

NPM SCRIPTS

 

하단에 package.json 스크립트를 실행할 수 있는 영역이 표시된다.

 

serve - run을 클릭해서 실행하면 서버가 실행되고, 기본 vue 화면을 확인할 수 있다.

 

serve - run

 

localhost:8080

 

끝.