VisualStudioCode로 Node.js 작업을 할시 추가해야되는 에드온&작업들을 모아보았다.
개인적으로 필요했던 작업을 정리하는 차원에서 적는 것이라 메인노출은 하지 않음.
밑에 선택하지않은(메인노출안됨)을 믿고 있었는데 구버젼기능이라 그런지 바로 메인에 올라가 버렸다... 후샏...
너그럽게 넘어가 주시길 ㅠ
1. 기본환경셋팅
a. 프로젝트의 루트폴더에 'jsconfig.json'을 만든다.
b. 다음을 붙여넣는다.
----아래는 에드온
2. npm : ctrl-shift-c를 눌러서 명령프롬프트를 띄운뒤 npm install **
이렇게 해도 되지만 창이 하나 더 생기는 점이
불만이다. 그 때 이 에드온을 깔면 명령팔렛트를 통해 실행할 수 있게 된다.
https://marketplace.visualstudio.com/items?itemName=fknop.vscode-npm
3. typings installer : 2번과 같음.
https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer
4. require-complete : require문 내에서 설치된 모듈 파일 등을 자동완성시켜준다.
https://marketplace.visualstudio.com/items?itemName=sensourceinc.require-complete
5. expressSnippet : express에서 get, set, use 등을 작성할 때 기본적인 형태를 작성해준다.
https://marketplace.visualstudio.com/items?itemName=vladmrnv.expresssnippet
6. debugger for edge : 엣지익스플로러로 디버그를 할 수 있다.
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge
7. Mocha : 테스트를 실행한다. 단축키는 따로 설정해 놔야 되는데
예로들면 ctrl-m k 를 누르면 모든테스트가 실행되게 설정할 수 있다. 물론 명령팔렛트로도 가능.
https://marketplace.visualstudio.com/items?itemName=Compulim.vscode-mocha
8. ESLint : 코드작성중 에러나 경고를 표시해주고 개선점을 제안한다.
비주얼스튜디오로 조교된 나의 개발력은 이제 이런 것없이 개발하는 것은 불가능해져 버렸다...
추가적으로 커스터마이징해야되는데 디폴트로 써도 무관.
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
설정파일은 루트폴더의 다음파일에 저장되는데 eslint --init 커맨드를 하고 작성중인 스크립트파일을
넣으면 대충 맞게 세팅해준다. 세세한건
.eslintrc.json
로들어가서 고치면 OK.
이제 개발하면 된다.
여담으로 vs community 2015 를 깔고 Visual studio for nodejs(NTVS)를 깔면 완성되는 환경과
최대한 비슷한게 만들기 위한 셋팅이다. 심심해서 이것저것 깔아보니 어떤면에서는 100mb 남짓한
vscode가 더 나은것 같아서 좀 고민하다가 vs를 지워버렸다. 유니티3D 관련해서도 거의 완벽하게 지원한다....기보다
솔직히 이게 더 나은거 같다.
