cosmic developer

[Javascript] 자바스크립트 Visual Studio Code 로 작업하기 본문

Front-End

[Javascript] 자바스크립트 Visual Studio Code 로 작업하기

ti:bot 2021. 1. 4. 05:08

요즘 vscode 활용을 많이 하기 시작했다. 아직 막 익숙하지는 않지만 가볍고 너무 좋다,,,

자바스크립트 공부를 시작하면서 좀 더 손에 익히기 위해 알고리즘 문제를 풀어보는 과정에서 비주얼스튜디오코드로 자바스크립트 코드를 실행하는 방법을 잘 모르겠어서 구글링을 했다.


그런데 HTML이나 node를 활용하여 설명한 글들이 많았다. 그치만 그건 너무 귀찮았다.


그러던 중 다양한 경우의 수로 설명한 글을 찾았고 나도 이 포스팅을 참고해서 나에게 도움이 되었던 부분을 뽑아 기록하려고 한다.



1. Visual Studio Code 실행


2. Extensions (marketplace 접근)

설치된 확장 프로그램을 관리하고 새로 설치할 수 있다. 자세한건 여기에서 다루지는 않겠다.

extentions에 접근하는 방법이 이것뿐인 것은 아니지만 아래의 아이콘을 클릭하는게 사실상 가장 편하다.




3. Code Runner 검색

검색하고 설치~~




4. Code Runner 설치

install 해주면 아래 사진과 같이 상태가 바뀐다. 그럼 준비 끝이다. 아주 간단함




5. Code Runner 사용

원하는 코드(파일)에서 Ctrl + Alt + N (윈도우 기준)하면 추가적인 작업 없이 바로 실행결과를 확인 가능하다.



'Front-End' 카테고리의 다른 글

[Javascript] DOM의 기초 개념과 탐색  (0) 2021.01.04