상세 컨텐츠

본문 제목

[vue.js] 프로젝트 생성하기

Development Study

by yooputer 2025. 3. 11. 10:52

본문

Node.js 설치

아래 사이트에서 node.js를 다운받는다. 

https://nodejs.org/en/download

 

Node.js — Download Node.js®

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

설치 후 아래 명령어로 노드가 제대로 설치되었는지 확인한다

npm --version

윈도우는 명령 프롬프트에서 실행하기


Vue CLI 설치

아래 명령어로 vue cli를 설치한다

npm install -g @vue/cli

 

설치 후 아래 명령어로 vue cli가 제대로 설치되었는지 확인한다

vue --version


vue 프로젝트 생성

아래 명령어로 프로젝트를 생성한다. 

cd <프로젝트를 생성하고싶은 경로>
vue create <프로젝트명>

 

입력하면 버전을 선택하라고 뜨는데, 버전3으로 할거라 그대로 엔터를 눌렀다. 

 

vue 프로젝트 생성이 완료되었다. 

 

 

아래 명령어를 통해 방금 만든 프로젝트를 실행할 수 있다. 

cd <프로젝트명>
npm run serve