Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- react
- 웹프레임워크
- 컴파일러
- 어드벤처
- 리액트네이티브 시작하기
- 유니티
- vscode
- unity
- 윈도우환경
- react-native
- 크로스플랫폼
- 게임 개발
- 백준알고리즘
- 코딩
- C++
- 자바스크립트
- Python
- 오브젝트 파일
- 리액트네이티브 환경설정
- 버튼 클릭 이벤트
- 웹개발
- 프로그래밍 언어
- 캐주얼 게임
- 1차원 배열
- 2D 게임
- 프론트엔드
- 리액트
- C
- IDE
- Visual Studio Code
Archives
- Today
- Total
cosmic developer
[Javascript] 자바스크립트 Visual Studio Code 로 작업하기 본문
요즘 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 |
---|