비주얼 스튜디오 코드의 설치 방법
1. '비주얼 스튜디오 코드' 검색 후 다운로드
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
2. 컴파일러 설치 : C의 경우 mingw-w64 다운로드
https://code.visualstudio.com/docs/cpp/config-mingw
Get Started with C++ and Mingw-w64 in Visual Studio Code
Configuring the C++ extension in Visual Studio Code to target g++ and gdb on a Mingw-w64 installation
code.visualstudio.com
3. 컴파일러 설치 후 환경설정에 경로추가하기
윈도우키 - 시스템 환경 변수 편집(Edit the system environment) 검색 후 실행 - 메뉴바 고급(Advanced) - 환경변수(Environment Variables...) - 시스템변수(System variables)에서 path 더블클릭 - 새로만들기(New) - migw-w64 설치한 폴더에서 bin폴더 찾아서) 경로 복사해서 붙여넣기 - 컴퓨터 다시시작 필수
4. 사용하고 싶은 언어 추가 설치
비주얼 코드 실행 - 왼쪽 맨 밑 아이콘(Extensions) 클릭 - 원하는 언어 검색(C등) - install
비주얼 스튜디오 마켓플레이스
Korean Language Pack for Visual Studio Code
VS Code 한국어로 사용
Prettier - Code formatter
저장시 코드 자동으로 형식에 맞춰 라인 정리
설정(command + ,)에서 format on save 체크 후 사용 가능
Material Icon Theme
파일 아이콘 모양 변경
Error Lens
에러메시지 라인에 표시
Live Server
코드 변경 사항 발생 시 웹페이지 새로고침해서 변경 사항 렌더링
실행 : HTML페이지에서 명령팔레트(command + Shift + p)에 Live Server: Open With live Server 검색 후 실행
종료 : 비주얼 스튜디오 하단에 Port 클릭시 종료
'설치' 카테고리의 다른 글
[MacOS] VMware 설치 (0) | 2023.12.09 |
---|---|
h2 데이터 베이스 설치 (0) | 2022.04.25 |
윈도우 사용자를 위한 터미널 프로그램 : Cmder 설치하기 (0) | 2021.08.04 |
BitNami WAMP Stack으로 Apache 설치하기 (0) | 2020.11.15 |
IDE 비주얼 스튜디오 2019 설치 (+ 옵션 설치 변경 방법, 윈도우10 언어팩 변경) (0) | 2020.11.04 |