비쥬얼스튜디오코드 설치 및 사용방법

안녕하세요. 오늘은 Visual Studio Code 설치 및 간단한 사용방법에 대하여 알아보겠습니다.

Visual Studio Code란?

• Microsoft에서 만든 텍스트 편집기입니다. VSCode라고 줄여서 말하기도 합니다.
  
  - Visual Studio Code 공식홈페이지 설명
    "현대적인 웹 및 클라우드 응용 프로그램을 빌드 및 디버깅하기 위해 재정의되고 최적화된 코드 편집입니다. 
     Visual Studio Code는 무료이며 Linux, OS X 및 Windows 중 원하는 플랫폼에서 사용할 수 있습니다."
• Github에서 만든 Editor인 ATOM을 기반으로 만들었습니다.
• 2015년 11월 8일에 Github에 오픈소스로 공개되었습니다.
  - https://github.com/Microsoft/vscode
• 2016년 4월 14일에 1.0으로 버전업됨과 동시에 정식버전으로 릴리즈 되었습니다.

VSCode 장점

• Git 연동을 직접 지원합니다. (연동방법은 아래에서 설명합니다.)
• 다양한 플랫폼(Windows, Mac, Linux 등)에서 모두 설치가능하며, 무료로 사용할 수 있는 크로스 플랫폼 코드 편집기 입니다.
• 다양한 개발언어의 호환이 가능합니다.
• 인텔리센스 및 디버깅 기능을 제공합니다. 
  -  인텔리센스 : 사용자 입력에 따라 API를 설명하고, 자동완성을 도와주는 기능.

설치방법

• 홈페이지에 접속하여 OS에 맞는 설치파일을 다운로드 합니다.
  - https://code.visualstudio.com/download
  
  
  
  
•  실행합니다. (끝..)

간단한 단축키

• ⌘O will let you navigate to any file or symbol by simply typing in the name
• ⌃Tab will cycle you through the last set of files opened
• ⇧⌘P will bring you directly to the editor commands
• ⇧⌘O will let you navigate to a specific symbol in a file
• ⌃G will let you navigate to a specific line in a file (라인이동)
• 다중커서 alt + click (alt + cmd + 화살표)
• Sidebar ON / OFF : Command +b
• Editor 화면 분할 : Command + \

Git 연동

• Git설정이 되있는 프로젝트를 열었을 경우를 가정합니다.
  - 새로운 파일(vscode_test.txt)을 생성합니다.
  
  
  
  
  
• 깃으로 관리되는 폴더에서 새로운 파일을 생성하면 좌측상단에 변경사항이 있음을 나타냅니다.
• 3번째 깃아이콘을 클릭합니다.
  
  
  
  
• 커밋 메시지를 작성하고, 체크아이콘을 누르면 커밋이 완료됩니다. (커밋전에 풀을 받길 원할땐, 체크아이콘 오른쪽버튼을 누른 뒤 풀버튼을 누르면 됩니다.)
• 소스트리를 통해 커밋이 됬음을 확인하였습니다.
  
  
• 커밋하기 전에, Github의 내용과 현재 작업한 내용을 비교해주는, diff 기능 또한 제공합니다.
  
  
• 이후에, 커밋한 결과를 푸쉬할때는, 커밋(체크아이콘)버튼 오른쪽에 있는 버튼을 누른후 푸시를 누르면 됩니다.
  
  

• 현재 sidebar에 .git 폴더가 보이지 않는데, 이는 환경설정에서 user 혹은 workspace 영역의 설정을 변경하여야 가능합니다.
  - 단축키 Command + , 를 사용하여, user(gloabal) 셋팅을 변경하면 됩니다.
  - 이외에도 각종 기본 설정들을 모두 커스터마이징하여 사용할 수 있습니다.
    (https://code.visualstudio.com/docs/customization/userandworkspace#_default-settings)
  
  

  

  
  

  
  
• 참조 : http://michaelcrump.net/using-github-with-visualstudio-code/

모두 즐거운 코딩하세요~