본문 바로가기
Programming/JavaScript

[Vue.js] 초보자를위한 vue.js 설치 방법

by Ton-Ton 2023. 3. 15.

Vue.js
Vue.js

 

1. 컴퓨터에 Node.js를 설치합니다.

Vue.js는 Node.js 위에 구축되므로 Vue.js를 사용하려면 Node.js를 설치해야 합니다.

 

2. Node.js 공식 웹사이트(https://nodejs.org)에서 Node.js를 다운로드하여 설치할 수 있습니다.

Node.js가 설치되면 명령 프롬프트 또는 터미널 창을 엽니다.

 

Node.js

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

nodejs.org

 

3. 다음 명령을 입력하여 Vue CLI를 설치합니다.

npm install -g @vue/cli

이렇게 하면 컴퓨터에 Vue CLI가 전체적으로 설치됩니다.

 

 

4.다음 명령을 입력하여 Vue CLI가 올바르게 설치되었는지 확인합니다.

vue --version

설치한 Vue CLI의 버전 번호가 표시되어야 합니다.

 

 

5.다음 명령을 입력하여 새 Vue.js 프로젝트를 생성합니다.

vue create my-project

"my-project"를 프로젝트 이름으로 바꿉니다.

 

반응형

6. 프롬프트에 따라 프로젝트를 구성합니다.

기본 설정을 사용하거나 필요에 맞게 프로젝트 설정을 사용자 정의하도록 선택할 수 있습니다.

 

7. 프로젝트가 생성되면 다음 명령을 입력하여 프로젝트 디렉토리로 이동합니다.

cd my-project

"my-project"를 프로젝트 이름으로 바꿉니다.

 

8. 다음 명령을 입력하여 개발 서버를 시작합니다.

npm run serve

그러면 개발 서버가 시작되고 웹 브라우저에서 프로젝트가 열립니다.

 

Vue.js를 성공적으로 설치하고 새 Vue.js 프로젝트를 만들었습니다.

이제 Vue.js를 사용하여 프로젝트 개발을 시작할 수 있습니다.

반응형

댓글