바로가기 일상 스토리

설치 목록

• NodeJs( https://nodejs.org/ko/ )
• WebStorm ( https://www.jetbrains.com/webstorm/?fromMenu )

1. 설치 Vue-cli

npm install -g vue-cli

2. vueJS [webpack]으로 프로젝트 생성

vue init webpack project

3. 테스트 컴파일

vue run build

4. [프로젝트/dist/]에서 컴파일하여 추출된 소스 확인 가능.

5. VueJs 제공되는 서버 구동 하기

npm run dev

1. 이클립스와 JDK Bit가 틀린 경우 발생되면 아래와 같은 화면의 다이어 로그 상자가 출력을 확인 할 수 있습니다.

해결 방안 : 이클립스와 JDK 비트를 64Bit 또는 32Bit 동일한 것으로 변경 후 실행.

2. JDK를 찾지 못하는 경우 아래와 같은 에러창을 확인 하실 수 있습니다.

해결 방안 : 

• JDK 설치가 안되었을 경우 - JDK 설치 여부를 확인.
• 이클립스가 원하는 JDK 버전이 설치 되어 있지 않을 경우 - 해당 이클립스의  JDK 버전을 사이트에서 확인 후 JDK 설치.
• 이클립스가 JDK보다 먼저 설치 되었을 경우 - 이클립스 설치 폴더에 eclipes.ini 파일을 열어 맨 하단에 아래와 같이 JDK 설치 부분을 설정 해준다.

-vm 
[JDK 설치 경로]\bin\javaw.exe

1. 이클립스 실행

2. 자신의 원하는 워크스페이스(Workspace)를 선택

3. 이클립스 첫 Welcom 화면

-  JDK 설정

1. 상단에 [Window]-[Preferences]를 클릭.

2. JDK 설정을 하기 위에 [Java] - [Installed JREs]를 선택 후에 [Add] 버튼을 클릭.

3. 아래 캡쳐 화면에서 [Standard VM] 선택 후 다음.

4. [Directory...] 버튼 눌러 JDK 설치 폴더를 지정하면 아래와 같은 JRE 시스템 라이브러리가 추가되는걸 확인.

- 서버 설정

1. 상단에 [Window]-[Preferences]를 클릭.

2. [Server] - [Runtime Environments] 클릭후에 [Add] 버튼 클릭

3. JRE에 위에 설정한 JDK를 선택

5. Tomcat installation directory에 [Browse...]버튼을 클릭하여 톰켓 설치한 폴더를 지정 후 [Finish]버튼 클릭.