본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


기타

vs code 설치(install visual studio code, install vs code, 비주얼 스튜디오 코드 설치 )

야근없는 행복한 삶을 위해 ~
by 마샤와 곰 2019. 9. 24.

 

 

* 비주얼 스튜디오 코드 설치법

비주얼 스튜디오코드, 줄여서 vs코드 설치라고 많이 불리우는데...개발툴 일종으로 가볍고 빠르고 강력한 기능이 많다.

프론트 개발하는 분 또는 인터프리터언어를 주력으로 하는 분들이 종종 사용하는 것을 보고 한번 써 보았는데,

각종 지원하는 플러그인이 매우 뛰어나 컴파일언어인 자바빼곤 꽤 쓸만 했던 것 같다. (자바는 컴파일 명령어의 압박이..)

특히 프론트 개발이랑 정말 잘 어울렸던 것 같다.

 

아래 사이트를 방문해서 자신의 운영체제에 맞는 파일을 받자.

https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

요렇게 나오는데..나는 윈도우니깐~

 

인스톨러를 받으면 다음, 다음 버튼만 누르면 편하다..ㅎ

ㅇㅋ~ 다음~
다음~

 

설치된 이후의 실행모습이다.

웰컴~

 

vs코드의 장점은 가벼우면서 여러 플러그인을 통해 개발하기 쉽게 도와주는 장점이 있다.

특히 마켓에 들어가면 코드 자동완성, ftp접속툴, git관련 툴 등등..왠만한걸 다 지원해 준다.

자신이 개발하고자 하는 환경의 언어를 검색해서 필요한 플러그인을 설치 하자.
요고 설치하면 개발툴이 한글로 바뀐다. 플러그인을 설치하면 기본적으로 껏다 키자.

 

터미널 콘솔을 키려면 Ctrl + ` 키를 누르면 된다.

운영체제에 맞는 단축키가 나온다~
이런식으로 여러개 킬 수도 있다.

 

반응형
* 위 에니메이션은 Html의 캔버스(canvas)기반으로 동작하는 기능 입니다. Html 캔버스 튜토리얼 도 한번 살펴보세요~ :)
* 직접 만든 Html 캔버스 애니메이션 도 한번 살펴보세요~ :)

댓글