무료 html 편집기 비쥬얼 스튜디오 코드(Visual Studio Code)

Posted by 밝을주야
2018. 8. 3. 11:36 IT 정보

티스토리 블로그를 이용하다가 보면 블로그 스킨을

변경하기 위해서나 혹은 글작성을 위해서 html 편집기를

사용하곤 합니다.

html의 경우 간단한 코딩이나 편집을 배워두시면

티스토리에서 글 포스팅시 좀 더 깔끔하게 포스팅을 

할 수 있어 도움이 됩니다.

 

 

 

html 편집기_1

 

 

이번 포스팅에서는 간단한 코딩이나 편집을 할때 사용가능한 무료 html 편집기에 대해 알아보도록

하겠습니다.

최근 들어서 개발자들이 많이 사용하는 비쥬얼 스튜디오 코드(Visual Studio Code)라는 무료 html

편집기입니다.

 

 

 

 

비쥬얼 스튜디오 코드 다운로드 사이트

 

 

비쥬얼 스튜디오 코드(Visual Studio Code) 다운로드 사이트로 이동합니다.

 

 

 

 

 

html 편집기_2

 

Download for Windows 를 클릭해서 다운을 받습니다.

 

 

 

 

 

html 편집기_3

 

다운로드가 완료되면 설치창이 나옵니다.

다음을 클릭해서 진행합니다.

 

 

 

 

html 편집기_4

 

사용자 계약 창입니다.

계약에 동의함에 체크 후 다음을 클릭합니다.

 

 

 

 

html 편집기_5

 

설치할 폴더를 선택 후 다음을 클릭합니다.

비쥬얼 스튜디어 코드를 설치하기 위해서는 188.1MB 의 여유 디스크 공간이 필요합니다.

 

 

 

 

 

html 편집기_6

 

시작 메뉴 폴더 선택 창입니다.

폴더를 만드실 경우 다음을 클릭하시고 폴더를 만들지 않을경우 시작 메뉴 폴더를 만들지 않음을

체크 후 다음을 클릭합니다.

 

 

 

 

html 편집기_7

 

추가 작업 선택 창입니다.

추가로 설치하실 분들은 선택후 다음을 클릭하시면 됩니다.

 

 

 

 

html 편집기_8

설치 중입니다.

설치 완료까지 컴퓨터의 사양에 따라 다르겠지만 1~2분정도 걸립니다.

 

 

 

 

 

html 편집기_9

 

설치가 완료되었습니다.

마침을 클릭하면 Visual Studio Code 가 시작이 됩니다.

 

 

 

 

 

html 편집기_10

 

 

 

비쥬얼 스튜디오 코드가 실행이 됩니다.

한글팩으로 설치가 된다는 분들도 있지만, 영어로 설치된 분들은 언어팩을 설치하시면 한글로

사용이 가능합니다.

 

 

 

 

html 편집기_11

한글팩이 설치가 되었습니다.

새파일을 열어 빈코드란에 입력후 사용을 하시면 됩니다

 

 

 

 

사용하기 간편한 무료 html 편집기 비쥬얼 스튜디오 코드(Visual Studio Code)에 대해 알아보았습니다.

 

 

끝.

 

 

 

닷넷프레임워크 4.5(.NET Framework 4.5) 다운로드 및 설치방법

한컴타자연습 2018 무료설치 하는 방법

무료 pdf 편집기 이지 PDF 에디터 다운 및 사용방법

만화책 뷰어 꿀뷰 다운로드 및 사용방법

컴퓨터 메모리 정리 프로그램 네이버 클리너 다운 및 사용방법

디스코드 다운로드 및 사용방법에 대해 알아보자

무료 문서 뷰어 다뷰 인디(DaView indy) 설치 및 사용방법