실행하기.
디버깅모드로 실행하기.
위와 같이 server(node.js)에 break point를 걸고, shift+ctl+d로 debug mode로 실행한다.
client (angular.js)쪽에 break point를 걸어준다.
index.html에서 debug로 실행하면 break가 client, server 왔다갔다하면서 디버깅이 가능한다.
지정된 부분을 변수에 추가하는 기능이다.
case 1) require부분에 변수로 빠르게 넣기.
require("assert")|
위와 같이 require부분까지만 넣고, alt+cmd+v를 하면 var assert 그리고 ;까지 추가해준다.
case 2) url이나, 특정 string을 변수로 변환하기.
$http.get("http://localhost:3000").success(function(products) {
});
위의 코드에서 url를 선택하여 alt+cmd+v를 하면 아래와 같이 수정된다.
위와 같이 var key = “http://localhost:3000″;이 상위라인에 생성되고, 본래 위치는 변수로 대처된다. 여기서 변수명을 수정하면 위의 라인 정의된 변수 명도 같이 변경된다.
새로 만들어진 변수를 함수 시작부분으로 옮기는 것은 직접 해야 하는듯하다.
특정 코드 부분을 Method로 빼는 경우에 유용하다.
위와 같이 Method로 빼고자 하는 부분을 선택하고, alt+cmd+m을 한다.
그러면 위와 같이 method scope를 지정하는 팝업창이 뜬다.
원하는 scope를 지정하면 함수명을 변경하고, parameter를 설정하는 창이 나온다.
함수명과 parameter를 설정하면 위와 같이 함수로 분리된 코드를 볼 수 있다.
WebStorm 에서는 mongo, node.js등을 위한 TypeScript를 제공한다.
TypeScript 추가하기
Preferences -> java script -> Libraries -> Download -> TypeScript community stubs -> mongoose
TypeScript사용 설정하기.
Preferences -> java script -> Libraries에서도 선택할 수 있고, 편집 창에서 오른쪽 클릭의 의한 팝업 설정창에서도 추가 할 수 있다.
참고:
