이클립스 VUE.js 플러그인 설치

 

https://nodejs.org/ko/download/ node.js 다운로드 링크

node.js 설치

 

Next 쭉 눌러 설치해 주시면 됩니다.

 

 

 

설치 후 cmd창에서 버전 확인

버전확인

node -v

npm -v

 

 

 

cmd창 - npm install -g vue-cli 입력

vue-cli 설치

 

 

이클립스 실행 MarketPlace 접속

Marketplace 접속

 

vue 입력 설치

 

다운로드가 잘 안됐어서 체크 풀었다가 다시 눌렀습니다.

Confirm

 

 

 

Finish

 

 

 

이클립스 프로젝트 생성  New - Other

New-Other

 

 

vue 검색

Vue Project 선택

 

프로젝트 이름 지정

 

 

만들어진 프로젝트 오른쪽 마우스 클릭 - Show in Local Terminal - Terminal

Show in Local Terminal - Terminal

 

 

터미널에서 npm install 입력

 

 

 

오류가 뜬다면 

 

 

 

 

환경설정 설정 후 재부팅 하시면 됩니다.

 

 

환경설정 링크 입니다

https://blog.naver.com/jm97307

개발자 김볼드 블로그 : 네이버 블로그

 

 

 

 

 오류가 안 뜬다면 터미널에서 명령어를 입력 해 줍니다 Terminal - npm run build 입력

 

Terminal - npm run serve 입력

 

 

서버가 실행 돼 아래 포트가 나옵니다.

8081 8080 상관 없습니다.

 

 

 

주소창에 http://localhost:8081/ 친 결과