Fall in IT.

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

기타

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

D.Y 2016. 5. 11. 21:50

안녕하세요. 오늘은 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를 설명하고, 자동완성을 도와주는 기능.


설치방법

간단한 단축키
  • ⌘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 기능 또한 제공합니다.

  • 이후에, 커밋한 결과를 푸쉬할때는, 커밋(체크아이콘)버튼 오른쪽에 있는 버튼을 누른후 푸시를 누르면 됩니다.




모두 즐거운 코딩하세요~





0 Comments
댓글쓰기 폼