post list

2015년 5월 2일 토요일

맥(Mac)용 Visual Studio Code 설치 & 사용법

Visual Studio Code?



MS가 이번 서울에서 진행한 build 2015 컨퍼런스에서 VisualStudio에서 코드에디터 기능만 가져온  Viual Studio Code를 공개했습니다.

기존에 맥에서는  iOS애플리케이션 프로그래밍을 제외하고 웹프로그래밍이나 닷넷 프레임워크 node.js 등을 사용할때는  sublime Text 나 Atom 등을 보통 사용했는데  MS가 visual studio를 window에서만 지원했기 때문입니다. 기존 맥에서 사용하던 코드 에디터는 살짝 아쉬운점이 있었습니다.

하지만 visual studio code는  맥, 리눅스, 윈도우를 모두 지원하는 코드 에디터입니다. 
기존에 viusal studio는 매우 무거운 프로그램이었는데  code는 에디터와 디버깅기능이 전부 이기 때문에 아주 가볍습니다. 

그래서 애플리케이션 개발용도 보다는 웹, 클라우드 서버 용도로 사용하면 아주 좋을 것 같습니다. 
특히 visual studio Online과 github와 연동할 수 있어 더 좋습니다.



설치

1. 링크를 통해 받거나  홈페이지에 직접 접속해 받습니다.
Download Visual Studio Code for Mac OS X

https://code.visualstudio.com

2. 다운로드 받은 압축파일의 압축을 풀어줍니다.

3. visual Studio Code.app Applications 폴더에 옮겨줍니다
   그럼 launchpad에 나타납니다.

이제 설치가 끝났습니다.

사용법

이제 유용한 기능들을 몇가지 익혀보겠습니다.

기본 레이아웃



  • editor : 코드가 보이는 부분입니다.  파일 3개까지 분할 가능합니다.
  • viewbar : explorer 나 github, search, debug 기능을 사용할 수 있습니다. 
  • sidebar  : viewbar 에 따라 여러 바뀌는 곳 입니다.
  • statusbar  현제 프로젝트 정보가 보이는 곳입니다. 

sidebar 단축키는 command + b 입니다.

에디터 분할



  • explorer에서 파일 오른쪽 클릭 혹은 cmd + 클릭 후 open to the side
  • 단축키 cmd + \





save / AutoSave

save 단축키:  ⌘S

하지만 Auto Save  기능을 켜두면 편합니다.


  • ⇧⌘P 단축키로 control pallet를 열어줍니다.   auto를 쳐넣으면  list에 enable auto save 나타납니다.  엔터를 누릅니다.
  • file 메뉴에서 enable auto save 를 클릭합니다.


Command Palette

잘쓰면 아주 유용한 기능입니다.

마우스없이 키보드만으로 visual studio code의 모든 기능에 접근이 가능합니다.

단축키 들입니다.

  • ⌘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

또는 ? 를 적으면  무슨 기능이
있는지 볼 수 있습니다.


Selection & Multi-cursor


VSCode는 멀티 커서를 지원합니다.

Alt+Click
또는  단축키  ⌥⌘↓     ⌥⌘↑ 
를 통해  커서를 추가 할 수 있습니다.


Go to definition


만약에 프로그래밍 언어가 지원할 경우  F12  를 눌러 정의를 볼수 있습니다. 
그리고 마우스를 갖다대면 프리뷰로 정의를 확인 할 수 있습니다.
 

 그 외 다른 기능들은   Docs 를 통해 확인 하시기 바랍니다. 

댓글 없음:

댓글 쓰기