node.js를 vscode로 개발하면서 추가로 설치한 확장 기능 정리해 둡니다.


Active File In Status Bar (마켓이동)

선택한 파일의 경로를 작업관리창에 표시해주는 기능


vscode-icons (마켓이동)

vscode 탐색기 부분에 폴더 파일이 아이콘으로 표시되서 보기 좋게 나옴 (이건 간지용으로 추천)


Rainbow Brackets (마켓이동)

괄호들을 짝을 맞춰서 색칠 해주는 기능


Settings Sync (마켓이동)

vscode에 설치한 확장기능을 github를 통해 동기화 해주는 프로그램

PC를 여러대 쓴다면 같은 환경 세팅을 위해서 세팅 해는걸 추천

사용방법은 구글에 물어보세요.. (github 계정 필수)


Visual Studio Keymap (마켓이동)

vscode는 키맵도 확장기능으로 설치 할 수 있었습니다.

제가 주로 쓰던 visual studio 키맵 세팅 파일도 있더라구요..

하지만 대소문자 바꿔주는 단축키는 다른걸로 잡혀서 수동으로 세팅 해서 사용


일단 이정도만.. 추가 적으로 사용 하는게 있음 갱신 하겠습니다.


by 널부러 2018. 8. 7. 23:32

node.js 개발할 때 JavaScript 수정 할때마다 어플리케이션을 재실행 해야하는데

그런 귀찮음을 해결 해주는 어플 2가지를 소개 합니다.

자세한 사용 방법은 구글에 물어보면 많은 분들이 설명해서 간단하게만 정리 해둡니다.

개발용으로 사용한다면 nodemon을 하는게 좋고 라이브 서비스에서 사용한다면 pm2가 좋은거 같심다.


pm2

개발용으로 쓰기에는 좀 무겁지만.. 그래도 세팅 해두면 자동으로 되기에 간단한 사용 방법은 아래와 같이...
유료버전도 있는거 같은데 아직은 필요성을 잘 모르겠네요..

설치 방법

npm install pm2 -g 


사용 방법

pm2 start app.js --watch


로그 확인

pm2 log 


nodemon

공식 설명서 : https://github.com/remy/nodemon#nodemon


개발 할때 쓰는건 이게 심플 하고 좋은거 같심다. vscode에서 디버깅을 하기위해 attach를 해서 사용도 가능 합니다. 위에 pm2는 그게 안되서 조큼 귀찮긴 했죠.


설치 방법

npm install nodemon -g 


사용 방법

nodeman app.js  



by 널부러 2018. 8. 7. 23:07
| 1 |