개발자를 꿈꾸는 여정

1. Vue.js 뷰 이클립스 설치 본문

3. Front Developer/3_5. Vue.js

1. Vue.js 뷰 이클립스 설치

아카라타 2021. 12. 2. 00:14

1. 전제사항

- 이클립스 IDE for java EE Dvelopers or Enterprise Ver 설치 http://www.eclipse.org/downloads/eclipse-packages/

 

Eclipse Packages | The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source pro

517 MB 775,864 DOWNLOADS Tools for developers working with Java and Web applications, including a Java IDE, tools for JavaScript, TypeScript, JavaServer Pages and Faces, Yaml, Markdown, Web Services, JPA and Data Tools, Maven and Gradle, Git, and more. Cli

www.eclipse.org

- JDK 8이상 버전 설치 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 

 

 

2. Node 다운로드

- npm을 사용하기 위해  Node 다운 및 설치 https://nodejs.org/ko/download/

 

다운로드 | Node.js

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

nodejs.org

-  LTS 버전의 "Windows Binary (.zip)" or Windows Installer

 

- npm 환경 변수 설정
vue-cli 설치
CMD에서 npm install을 이용하여 vue-cli를 설치합니다.
 
Vue.js 플러그인 설치 : 이클립스 마켓에 vue 검색 및 다운 
 
 
설치 후
프로젝트 생성 및 실행
CodeMix > Vue Project 선택 후 Project name을 입력하여 프로젝트를 생성합니다.
 
Vue 실행

이클립스의 터미널을 실행합니다. CMD를 사용하여도 무방합니다만 프로젝트의 경로를 자동으로 잡아주므로 이클립스에서 실행하는게 편리하다 생각됩니다. 

'3. Front Developer > 3_5. Vue.js' 카테고리의 다른 글

2. 설치 및 프로젝트 설치 오류 해결  (0) 2021.12.06
'3. Front Developer/3_5. Vue.js' Related Articles more