Vue cli project 생성하는 방법

청포도봉봉이·2023년 4월 10일
0

Vue

목록 보기
4/11
post-thumbnail

Node.js 설치

Vue CLI 3을 사용하려면 먼저 Node.js가 설치되어 있어야 합니다. Node.js를 설치하지 않았다면 https://nodejs.org/에서 다운로드 및 설치하십시오.


Vue CLI 3 설치

명령 프롬프트 또는 터미널 창에서 다음 명령어를 실행하여 Vue CLI 3을 설치합니다.

npm i -g @vue/cli

Vue 프로젝트 생성

Vue CLI를 사용하여 프로젝트를 생성하려면 새로운 디렉토리를 만들고 그 디렉토리에서 다음 명령어를 실행합니다.

vue create my-project
  • 위 명령어에서 my-project는 생성할 프로젝트의 이름입니다. 이 명령어를 실행하면 프로젝트 구성을 위한 몇 가지 선택지가 표시됩니다. 원하는 구성을 선택한 후 Vue 프로젝트가 생성됩니다.


Vue 프로젝트 실행

프로젝트가 생성되면 다음 명령어를 사용하여 개발 서버를 시작합니다.

cd my-project
npm run serve
  • 위 명령어에서 my-project는 생성한 프로젝트의 디렉토리 이름입니다. 개발 서버가 시작되면 브라우저에서 http://localhost:8080/으로 이동하여 앱을 확인할 수 있습니다.
profile
자존감 낮아질 시간에 열심히 공부하고 커밋하자😊😊

0개의 댓글