[Visual Studio Code Docs 번역] Visual Studio Code 설치하기

* 개인 학습을 위한 번역글이니 참고용으로만 읽어주시면 감사하겠습니다. 잘못된 부분은 댓글로 알려주시면 업데이트 하도록 하겠습니다.

원문 주소 : https://code.visualstudio.com/Docs

1. 왜 Visual Studio Code 인가?
2. Visual Studio Code 설치하기 (이 글)
3. Visual Studio Code 기본

비주얼 스튜디오 설치하기

Mac OS X

1. Mac OS X 용 Visual Studio Code를 다운로드 한다. 
2. VSCode-osx.zip 를 더블클릭하여 내용을 푼다.
3. Visual Studio Code.app 를 드래그 하여 Applications 폴더에 놓고 Launchpad에서 사용 가능하도록 한다.
4.  아이콘 위에서 마우스 오른쪽 버튼을 클릭하여  Options, Keep in Dock 를 선택하여 VSCode를  독에 추가한다.

팁: 만약 터미널에서 VSCode 를 실행하고자 한다면 .bash_profile 파일에 아래 내용을 추가하라.

code () {
    if [[ $# = 0 ]]
    then
        open -a "Visual Studio Code"
    else
        [[ $1 = /* ]] && F="$1" || F="$PWD/${1#./}"
        open -a "Visual Studio Code" --args "$F"
    fi
}

이제, 편집하고자 하는 파일이 있는 어느 폴더에서든지 간단히 code . 를 타이핑하면 된다.

Linux

1. Linux용 Download Visual Studio Code 를 다운로드 한다.
2. 새로운 폴더를 만들고 그 안에 VSCode-linux-x64.zip 파일을 압축푼다.
3. Code 를 더블클릭하여  Visual Studio Code를 실행한다.

팁: 만약 터미널에서 VSCode 를 실행하고자 한다면  Code 를 실행하기 위한 절대 경로,  /path/to/vscode/Code 를 대신하는 링크를 만든다.

sudo ln -s /path/to/vscode/Code /usr/local/bin/code

이제, 편집하고자 하는 파일이 있는 어느 폴더에서든지 간단히 code . 를 타이핑하면 된다.

Windows

1. 윈도우즈용 Visual Studio Code 를 다운로드 받는다.
2. VSCodeSetup.exe 를 더블클릭하여 설치 프로그램을 실행합니다. 이것은 몇 분도 안걸릴 것입니다. 

설치 위치는 C:\Users\username\AppData\Local\Code 입니다.

팁: Visual Studio Code 는 path에 추가될 것입니다. 그래서 콘솔에서 간단하게 code . 를 타이핑하여 VSCode 를 해당 폴더에서 실행할 수 있습니다.

팁: PATH환경 변수의 변경사항이 적용되려면 설치 후에 로그오프를 해야할 수도 있습니다.

추가적인 도구들

Visual Studio Code는 기존의 툴 체인을 통합합니다. 우리는 아래 툴들이 당신의 개발 경험에 향상을 줄 것이라 생각합니다.

• ASP.NET 5 - 웹과 클라우드 애플리케이션 개발을 위해 구성된 프레임워크로, 완전한 오픈소스이며 GitHub에서 볼 수 있다.
• NodeJS (incudes NPM) - 쉽고 빠르게, 확장가능한 네트워크 애플리케이션을  개발할 수 있는 플랫폼이다.
• git - VSCode는 git을 사용한 소스 코드 제어를 위한 내장된 지원 기능을 갖고 있다.
• Yeoman - 애플리케이션 스캐폴딩 도구로 VSCode에서  File | New Project 와 같은 것이라고 생각할 수 있다.
• generator-aspnet - ASP.NET 5 애플리케이션을 위한 yeoman 생성기로, 설치하기 위해 npm install -g generator-aspnet 를 실행한다.
• hottowel - 빠른 AngularJS 애플리케이션 생성을 위한 yeoman 생성기로 , 설치하기 위해 npm install -g generator-hottowel 를 실행한다.
• Express - Node 애플리케이션을 위한 프레임워크로, Jade 템플릿 엔진을 사용한다.
• gulp - 스트리밍 태스크 러너 시스템으로 VSCode의 태스크와 통합되어 있다.
• mocha -  Node 상에서 실행되는 JavaScript 테스트 프레임워크이다.
• bower - 클라이언트 사이드 패키지 매니저이다.
• TypeScript - 좋은 부분을 유지한채로  당신의 자바스크립트 코드를 구조적이고 강력하게 타이핑 할 수 있다.
• TypeScript definition manager -  인기있는 JavaScript 프레임워크를 위한 100여 가지의 TypeScript 정의 파일을 검색하고 다운로드 하며, VSCode에서 훌륭한 인텔리센스를 제공한다. 

다음단계

이제 VSCode를 설치했으니, 아래 사항을 진행해봅시다.

• 기본사항들 - VSCode에 대한 기본적인 소개
• 개선된 편집 - Lint, IntelliSense, Lightbulbs, Peek and Goto Definition 등등
• 디버깅 - VSCode의 어느부분이 진짜 빛나는지 알 수 있는 부분이다.