[Vue] VS Code에 Vue 프로젝트 생성

Vue 프로젝트를 생성하기 위해서는 먼저 Node js와 npm이 설치되어 있어야 합니다.

 

Node.js 설치하기 (18.17.1 LTS)

 

 

1. 터미널에(ctrl + shift + `) Vue 설치 명령어를 입력합니다.

 

npm install -g @vue/cli

 

2. vue --version 명령어로 vue가 제대로 설치됐는지 확인합니다.

 

vue --version

 

vue --version

 

3. vue-cli을 사용하여 vue 프로젝트를 생성합니다.

 

vue create 프로젝트명

 

4. Vue 버전을 선택하는 메세지가 뜨는데 저는 Vue3를 사용할 것이기 때문에 Vue3를 골랐습니다.

Manually는 필요 라이브러리를 선택할 수 있는 창이 뜹니다.

 

 

5. 설치가 완료되면 아래 사진과 같이 프로젝트에 필요한 파일들이 자동으로 생성됩니다.

 

 

6. npm run serve 명령어를 입력해 npm 서버를 실행하여 제대로 실행되는지 확인합니다.

 

npm run serve

 

 

url을 ctrl + 마우스 좌클릭하면 아래와 같은 화면을 보실 수 있습니다. 종료는 ctrl + c입니다.