본문 바로가기
BackEnd FrontEnd/Angular

angular 프로젝트 yarn 개발 환경 세팅

by forkballpitch 2019. 12. 15.
728x90
728x90

nodeJS 설치

node-v10.15.1-x64.msi 파일 실행 후 next 그대로 실행

yarn설치

yarn-1.13.0.msi 파일 실행 후 next 그대로 실행

eclipse 폴더 내의 eclipse.exe 실행 후 프로젝트 import

1.     project Explorer에 마우스 우클릭 후 import -> Imports

2.     Existing Projects into Workspace 선택

3.     파일 내 프로젝트경로를 select root directory로 잡아주기

 

프로젝트 빌드 후 실행하기(eclipse terminal에서- 명령프롬프트와 동일)

1.     Window -> show view -> other -> terminal 선택

2.     Terminal 에서 해당 프로젝트 경로로 이동하기

3.     터미널에서 yarn build하기

4.     터미널에서 yarn start 후 브라우저에서 개발화면 확인하기

http://localhost:8000

소스 수정 시 yarn build하고 다시 yarn start

 

 

 

 

 

[참고]

 

NodeJs 설치

           https://nodejs.org/ko/ 로 접속하여 NodeJs를 설치하세요.

           NodeJS Web을 빌드하기 위해 필요합니다.

 

Yarn설치

           https://yarnpkg.com/en/docs/install#windows-stable 로 접속하여 Yarn을 설치하세요.

           Yarn NodeJs 에서 패키지 관리를 위해 필요합니다.

728x90
728x90