카테고리 없음

Vue.js 설치방법, 프로젝트 생성

좌바코딩 2025. 7. 30. 19:42

1. Node.js 먼저 설치하기

해당 아래 링크 들어가시면 Node.js 설치 과정이 있습니다. 따라서 진행

링크 : https://fhqht303.tistory.com/17

 

React.js 프로젝트 만들기

React.js자바스크립트의 프레임워크중 1가지웹 제작시 FrontEnd에서 사용 첫번째! React를 사용하기 위해 필요한 Node.js 설치※ Node.js에 React프로젝트를 만들기위한 npm, npx가 있고 npx로 'create-react-app' 명

fhqht303.tistory.com

 

2. 해당 아래 Vue 설치 명령어 cmd창(리눅스는 터미널창)에 입력

"npm install -g @vue/cli"

 

3. 설치 완료!

 

4. cmd창(리눅스는 터미널 창)에 

"vue --version"

을 입력하여 버전이 정상적으로 출력이 되면 설치가 잘 된것이다.

 

Vue 프로젝트 생성

1. 프로젝트를 생성할 폴더 위치에서

"vue create 프로젝트명"

 

2. 위에 명령어를 실행하게 되면 아래와 같이 어떤 방식으로 Vue를 사용할지가 나온다.

Default ([Vue 3]~~~~~) -> Vue3 버전 사용

Default ([Vue 3]~~~~~) -> Vue2 버전 사용

Manually select features -> 본인이 원하는 설정

 

3. 프로젝트 생성!

 

4. 본인의 개발환경에 들어가서 생성한 프로젝트를 열면 된다.