리뷰와 팁/IT정보

HTML 편집기 추천, 비주얼 스튜디오 코드!

HTML 편집기 추천, 비주얼 스튜디오 코드!


코딩에 입문하고 시작을 html 과 css 를 공부하면서 여러가지 편집기를 접했다. 생활코딩을 통해서는 서브라임 텍스트라는 무료 html 편집기를 사용해봤고, 우연히 좋은기회로 듣게된 수업에서는 모질라 라는 웹 html 편집기를 통해서 쉽게 코딩 작성하고 직관적으로 체크해볼수있었다. 그리고 최근 들었던 온라인 강좌에서는 fsfiddle.net 이라는 사이트를 통해서 html css 그리고 자바스크립트까지 작성하는 편집기를 맛보기도 해봤다. 

HTML 편집기1

하지만 아직 입문 단계인 내가 가장 마음에 들게 사용하는것은 비주얼 스튜디오 코드라는 무료 html 편집기이다. 최근들어서 많은 개발자들이 사용하기도하고 인기있는 툴이라고하는데 개인적으로 이 프로그램이 내게도 가장 잘맞는것같았다.

구글에서 visual studio code 라고 검색했을때 최상단에 나오는 홈페이지를 통해서 HTML 편집기 다운로드가 가능한데 기본적으로 한국어 버전도 제공해줘서 별도로 언어팩을 설치해야 할 필요도 없다.

HTML 편집기3

비주얼스튜디오 코드를 실행하면 처음화면이 위와같이 뜬다. 새파일을 열고, 빈 코드 입력란에서 컨트롤 s를 눌러서 저장하기를 실행한후 파일명.html 혹은 파일명.css 로 저장을 하면 html 또는 css 파일이 생성되며 이 파일로 코드 작업을 하면된다.

HTML 편집기4

아직 다양한 기능을 사용할수 있는 수준이 아니고 완전 초급자의 관점에서 작성하는 글이라 비주얼스튜디오 코드 프로그램의 장단점에 대해서 제대로 적기는 어렵지만, 코딩에 입문해서 무료로 사용가능한 html 편집 프로그램을 찾고있다면 비쥬얼스튜디오 코드정도라면 충분히 만족스럽게 사용할수 있을거라고 본다.