![thumbnail](/static/e407a3228a8196c5ce8664343193cfb8/b1abc/230103_vscode-console-thumbnail.png)
VSCode에서 console(콘솔) 출력
vscode에서 자바스크립트로 콘솔창에 로그를 출력해보자. extension(확장) 탭에 들어가 code runner
를 검색하고 설치해준다.
설치를 완료하면 아래와 같이 오른쪽 상단에 run code 버튼이 생성된다.
![vscode run code vscode run code](/static/a7f5e51f7cde1816873ba22feb7d3555/fe486/230103_run-code.png)
/bin/sh: node: command not found
문제 없이 바로 잘 실행되면 좋겠지만 이 글을 쓴 이유는 실행되기는 커녕 node 명령어를 찾을 수 없다는 메시지를 뱉었기 때문이다. 아니 node 깔려 있는데 왜???
/bin/sh: node: command not found
![/bin/sh: node: command not found /bin/sh: node: command not found](/static/394b88a518a28735b43827516249b858/fe486/230103_node-command-not-found.png)
Solution
출력 탭에 찍히는 것을 터미널로 변경해주자. vscode 설정(mac 단축키: command + ,)에 들어가 검색 창에 Code-runner: Run In Terminal
을 입력하고 체크를 하거나 settings.json
파일에 아래와 같은 코드를 추가해주면 된다. settings.json을 열려면 run 아이콘 바로 옆 아이콘을 누르면 된다.
{
// ...
"code-runner.runInTerminal": true
}
![vscode settings vscode settings](/static/34fad92d03611af7c7df671e5f550688/fe486/230103_settings.png)
이제 정상적으로 잘 찍힌다.
![vscode console.log vscode console.log](/static/6c34793a6dee346eddcf2b554353c96f/fe486/230103_console-log.png)
References
https://github.com/formulahendry/vscode-code-runner/issues/355
Table Of Contents