})(window,document,'script','dataLayer','GTM-MPDJ5C95'); vscode 다운 설치 하는방법, visual studio 웹 에디터 추천 height="0" width="0" style="display:none;visibility:hidden">

vscode 다운 설치 하는방법, visual studio 웹 에디터 추천

반응형

 'visual studio' 란 microsoft에서 만들었으면 'vscode', 'vsc' 라고 불립니다. 이글을 찾고 계신 분들은 대부분 html 이나 에디터를 처음 접했을 가능성이 많아 헷갈릴 수 있으나 모두 같은  마이크로소프트 비쥬얼 스튜디오를 가리킵니다.

 

마이크로소프트 비쥬얼 스튜디오 설치방법과 체크항목 유의점

1. visual studio 홈페이지 접속

구글 이나 네이버 상관없습니다. visual studio 라고 검색을 하거나 아래 첨부한 링크에 접속합니다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

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

code.visualstudio.com

 

2. 아래 빨간 동그라미를 클릭하여 본인 컴퓨터 운영체제에 맞는 설치 프로그램을 다운로드 한다.

 다운로드 배너 옆에 화살펴를 펼쳐보이면 두개의 선택지가 보이는데 insdier 가 아닌 stable 을 설치하면 됩니다.

 

microsoft visual studio 다운방법

 

 

3. 다운로드된 VSCodeUserSetup.exe 를 클릭하여 다른 프로그램과 마찬가지로 추가작업선택 사항이 나오기 전까진 다음을 클릭하고 설치 경로를 정해주시면 됩니다.

 

4. 추가작업선택 : 총 5가지 항목을 선택 할 수 있는데요. 아래 네가지 기타 선택사항이 저는 처음에 이해하기 어려웠습니다. 설명을 참고해주세요.

 

VSCode 추가작업선택

 

 

# 첫번째 줄 : 파일을 상황이나 파일의 확장자명에 따라 VSCode로 바로 열 수 있도록 마우스 오른 쪽 메뉴에 표시를 해줍니다.  보통 동영상 파일을 열때 연결프로그램을 곰플레이어나 다른 플레이어로 지정하여 여는것을 떠올리면 됩니다.

# 두번째 줄 : 첫번째와 같은 내용입니다. 파일이 아닌 디렉터리의 확장자명이나 상황에 따라 code열기를 추가 해준다는 것입니다.

# 세번째 줄 : VScode를 기본 편집기로 사용합니다. atom 이나 여러 편집기가 있는데 이중에서 VScode를 기본 편집기로 사용합니다. 동영상 플레이어를 설정할 때 기본 연결 프로그램을 생각하시면 됩니다.

# 네번째 줄 : 어떤 경로에서든 CMD나 여러 프로그램의 명령창에서 code를 입력하고 VSCode를 실행 할수 있도록 설정하는 것입니다.

 

5. 추가 작업 완료후 설치를 진행하시면 설치가 완료됩니다.

 설치 완료후에 꼭 필요한 것은 아니지만 사용자의 편의에 따라 visual studio는 extention 설치를 통해 한국어로 변환이나 코드를 좀더 알아보게 쉽게 이쁘게 바꾸어 주어 엄청난 편리성들을 제공하는 확장자들을 이용 할 수있습니다. 

 

비주얼스튜디오

 

 

 

에디터나 설치 방법을 알아보시고 계시는 대부분이 독학을 통해 공부하시는 초급자, 비기너 분들 이라고 생각됩니다. 에디터나 코드나 사용법에 대해 찾아보면 대부분 영어와 알수 없는 용어로 도배되어 있어 저 처럼  설치나 선택사항에서 부터 어려움을 격고 계신분들이 있을 것 같아 도움을 드리고자 작성해 보았습니다. 감사합니다!^0^

반응형

댓글

Designed by JB FACTORY