💽 console.log 개선 VSCode 확장팩 모음

Dot Log

console.log 스니펫이다. 단순히 console.log 문장을 자동시키는게 아니라, 변수 + .log를 통해 console.log에 변수 매핑까지 해주는 강력한 도구이다.

Dot Log - Visual Studio Marketplace

xxx.log => console.log('xxx', xxx)
xxx.clg => console.log('xxx', xxx )
xxx.cwa => console.warn('xxx', xxx)
xxx.cer => console.error('xxx', xxx)
'xxxx'.log => console.log('xxxx')

---

Pretty console log

console.log에 css 를 첨가해서 이쁘게 할수 있다. 이를 자동 완성해주는 익스텐션이다.

• WINDOW: ctrl+alt+l
• MAC: ctrl+alt+l

또한 단축키도 지원해주어, 변수를 드래깅하고 단축키를 누르면, 이쁜 console.log문장이 자동 완성 된다.

Pretty console log - Visual Studio Marketplace

---

console-log-snippet-javascript

console.log 위 아래에 제목줄을 쳐줌으로서 로그를 보다 가독성을 높이게 해준다.

console-log-snippet-javascript - Visual Studio Marketplace