비주얼스튜디오 코드 (Visual Studio Code) 설치방법 , 초기세팅 , 플러그인 추천

 

VS Code(Visual Studio Code)

 

 Microsoft에서 개발한 대중적이고 강력한 코드 편집기입니다. 
가볍고 확장 가능하며 다양한 프로그래밍 언어와 프레임워크를 지원합니다.
 VS Code를 설치하고 설정하는 과정을 안내하고 생산성을 높이는 몇 가지 필수 플러그인을 소개하겠습니당~~~~

 

Visual Studio Code 설치 방법

1. Visual Studio Code 공식 웹사이트에 접속합니다.
2. 다운로드 페이지에서 운영체제에 맞는 설치 파일을 다운로드합니다.
3. 다운로드한 파일을 실행합니다.
4. 설치 과정을 따릅니다.
5. 설치가 완료되면 Visual Studio Code를 실행합니다.

 

초기 설정

Visual Studio Code를 실행한 후, 왼쪽에 위치한 사이드바에서 Extensions(Ctrl+Shift+X)을 클릭합니다.
검색 창에 "Korean Language Pack for Visual Studio Code"를 입력하여, 한글 팩을 설치합니다.
다시 왼쪽의 사이드바에서 File(Ctrl+Shift+N) 메뉴를 열고, Preferences: Open User Settings를 클릭합니다.
설정창(실행 창)이 열리면, terminal.integrated.shell.windows 항목을 검색하여
 **"C:\\Program Files\\Git\\bin\\bash.exe"**
를 입력합니다.


editor.fontFamily 항목을 검색하여, 선호하는 폰트로 변경합니다.




추천 플러그인

여러가지 유용한 자동 완성 기능을 제공하는 Visual Studio Code 확장 프로그램을 소개합니다.

GitLens: Git의 코드 리뷰 및 작성을 도와주는 도구입니다.

Prettier: 코드 자동 정렬 도구입니다.

Bracket Pair Colorizer: 수많은 중첩된 괄호를 색상으로 구분해주고, 더 쉽게 코드를 이해할 수 있도록 도와줍니다.

Markdown All in One: 마크다운 문서 작성을 도와주는 확장 프로그램입니다.

HTML CSS Support: HTML 및 CSS 작성할 때 자동완성 기능을 제공합니다.

Auto Rename Tag:html을 작성할 때 태그를 변경해야 할 경우가 종종 생깁니다. vs code에서는 태그 두 가지 모두를 일일이 수정을 해야 한다. 그러니 이 플러그인을 설치하면 여는 태그나 닫는 태그 중 한 가지만 수정을 해도 두 가지 동시에 수정이 된다.

Live Server:동적으로 페이지를 작성할수있습니다.