Node.js 워크스페이스 작성
Codenvy 접속
왼쪽 사이드 메뉴 Create Workspace
탭 Runtime – Ready-to-go Stacks(선택 되어 있음)
NODE 선택
최하단 SAVE 버튼을 눌러서 워크스페이스 작성
Express 프로젝트 작성
왼쪽 사이드 메뉴에서 작성한 워크스페이스 선택해서 기동
Alt + X 키로 프로젝트 작성
SAMPLES 하단에 express 선택후 프로젝트 이름(ProjectName)을 입력하고 Create 버튼 누름
Express 프로젝트 디렉토리는 작성 되는데 Express 디렉토리 구조등은 없다.
상단 명령 중 ExpressTest: 1. Create and run project 실행해도 에러가 난다.
해결방법
먼저 Express 설치
하단 Terminal 에서 커맨드 입력
|
1 2 |
sudo npm install -g express sudo npm install -g express-generator |
프로젝트 디렉토리에 express 구조를 생성해 주는 커맨드 입력
|
1 |
express -f ProjectName |
의존관계 설치 커맨드 입력
|
1 |
cd ProjectName/ && npm install |
프로젝트 디렉토리 루트에 있는 package.json 에 기재 되어있는 의존관계에 있는 팩키지들을 설치해 준다.
실행
화면 상단 CMD 리스트박스에서 Edit Commands… 선택
CUSTOM 옆에 + 버튼을 클릭해서 새 명령 추가
이름은 적당히 넣고 Command line 에 아래 명령을 입력
|
1 |
cd /projects/ProjectName && npm start |
ProjectName에는 프로젝트 디렉토리명을 넣는다.
Preview URL 에 입력
|
1 |
${server.port.3000} |
샘플 프로젝트에서는 서버 포트를 3000번으로 사용하고 있으므로 3000을 입력한다. 만약 포트 번호를 바꿀 때에는 여기 포트 번호도 바꿀것.
하단 Save 버튼을 눌러서 저장 후, 저장한 명령을 실행한다.
하단에 실행 결과가 나오는데 Preview 에 URL 을 클릭하면 서버에 접속 된다.(안열릴시에는 브라우저에서 F5 로 새로고침)
팁
터미널에서 복사/붙여넣기 방법
Ctrl + Insert : 복사
Shift + Insert : 붙여넣기
Shift + Delete : 잘라내기
