본문 바로가기

FRONT/Vue.js

[Vue.js] Node.js , Vue.js 설치하기 - Windows 10

 

 

 

npm 으로 한 번에 설치 하는 것도 가능하지만,

나는 npm run 실행 시 해당 경로를 못 찾아서 삭제 후 개별 설치함.

나 같은 사람들에게 도움이 되고자 글을 쓴다.

 

 

1. Node.js 설치

 

https://nodejs.org/ko/

 

Node.js

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

nodejs.org

 

 

Vue를 생성하기 위해선 Node.js 와 npm 을 먼저 설치해줘야 한다.

 

안정적인 버전을 받는 걸 추천한다.

 

설치 완료 후 (윈도우 + R) cmd 를 열어 설치가 됐는지 확인 한다.

 

node -v

 

 

 

2. Vue.js 설치

 

npm을 통해 설치한다.

node.js 를 설치하면 npm도 같이 설치 된다.

 

명령어는 Vue.js를 설치 할 폴더로 이동해서 설치한다.

 

cd '이동 할 폴더 경로'
npm install vue

 

(이미 설치 되있어서 캡처 못 함)

성공적으로 설치 되면 대략 이런 문구가 나온다.

 

+ vue@ 버전
added 1 package from 1 contributor and audited 1 package in ~s
found 0 vulnerabilities

 

 

vue-cli도 함께 설치한다.

 

npm install -g @vue/cli

 

 

설치를 확인 한다.

 

vue -v
혹은
vue --version

 

 

설치한 폴더 위치로 가면 node_modules 이 생성되어 있다.

 

 

 

서버 실행은

 

cd 'node-modules 설치된 경로'
npm run serve