프로그램 설치 - Visual Studio Code

jaybon·2022년 10월 16일
0

강의OT

목록 보기
6/11
post-custom-banner

Visual Studio Code 검색

Visual Studio -> X
(C++ C# VB 개발용 도구이다.)

Visual Studio Code -> O
(플러그인을 통해서 다양한 언어를 개발 할 수 있다.)


Stable 버전을 다운로드


설치 파일 실행


동의합니다 클릭


.


.


바탕 화면에 바로가기 만들기

Code로 열기 추가


.


설치 완료


언어팩 설치

혹시 실수로 끄더라도 설치할 수 있다


플러그인 버튼 클릭


언어팩 설치 (못하신 분)


재시작 (언어팩 설치 관련)


관련 플러그인 설치

HTML CSS Support

Prettier - Code formatter

ESLint

Live Server

IntelliJ IDEA Keybindings

todo


폴더열기

폴더열기 클릭

원하는 폴더 선택

폴더 새로만들기

폴더 선택

폴더 신뢰 선택

원하는 경우 신뢰하지 않습니다를 선택하여도 무방


코드 작성

파일 생성

마우스 오른쪽 클릭
새파일 클릭

파일명 입력 및 엔터

코드 입력 및 실행

터미널 (콘솔) 확인

hello world가 떴으면 성공


폰트 설정 (선택사항)

원하는 폰트 다운로드

인터넷에 무료폰트 검색하여 다운로드

설정으로 이동

글꼴 검색

폰트 세팅법

원하는 폰트를 OS에 설치한 뒤,
폰트 이름을 맨 왼쪽에 입력한다.

띄어쓰기 되어 있는 폰트는 작은 따옴표로 감싸서 입력한다.


자동저장 및 자동정렬 (선택사항)

on save 검색

Auto Save는 Ctrl + S 를 하지 않아도 자동으로 저장되는 옵션이다.

Format On save는 저장 시 코드가 보기좋게 자동정렬되는 기능이다.


Arguments 자동완성 해제 (선택사항)

함수를 호출할 때마다 인자 정보창이 떠서 귀찮을 경우 사용.
(화면을 가려서 매우 불편하다.)

Ctrl + Shift + P 입력

setting.json 입력

user Settings 선택

설정 입력

"editor.parameterHints.enabled": false,

좀 더 설정 하려면

스택 오버 플로우 참고
https://stackoverflow.com/questions/32911977/prevent-autocomplete-in-visual-studio-code

profile
티스토리 블로그 https://ondolroom.tistory.com/
post-custom-banner

0개의 댓글