Visual Studio Code에도 물론 작성 중인 코드를 실시간으로 보여줄 수 있는 Live Server라는 Extenstion이 존재합니다. 그러나 저는 ctrl + s를 눌러야 하고, 까먹고 새 창을 열어서 충돌이 일어나는 등의 문제가 있어서 사용이 어려웠습니다. 그러던 중 Brackets라는 에디터를 알게 되었고 이제 설치하겠습니다.
아래는 공식 홈페이지입니다. 여기서 다운로드를 클릭해주세요.
A modern, open source code editor that understands web design
Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.
brackets.io
다운로드된 설치 관리자를 실행해 줍니다,
그다음 설치 위치를 지정해 줍니다.
I agree로 동의해 준 후에 다음을 누르면 기존에 설치할 위치에 저장되며, 그게 아니라면... 을 눌러 프로그램을 저장할 위치를 선택한 후에 동의를 해주면 됩니다. 저는 기본 위치로 설치하겠습니다.
일반으로 설치하겠습니다.
설치 중입니다.
이제 설치 후 바로 실행할지, 설치만 할지 선택합니다. 저는 설치 후 실행하기 위해 Run을 클릭하겠습니다.
설치가 완료되었으며, 이러한 창이 실행되었습니다.
index.html의 위치는 아래와 같습니다.
C:\Program Files (x86)\Brackets\samples\ko\Getting Started
번개 모양을 클릭한 후 확인 버튼을 클릭하겠습니다.
그러면 크롬 브라우저가 실행됩니다.
ctrl+s로 저장하지 않고도 실시간으로 변경되네요! 제가 원하던 기능입니다. 사진으로는 표현할 방도가 없지만...
폴더와 파일을 여는 방법은 상단 메뉴에 파일 -> 폴더열기 또는 파일 -> 폴더열기를 하면 되며, 새 파일은 동일한 메뉴에서 새 파일을 클릭하면 됩니다. 현재 폴더의 문서를 볼 수 있는 창에서 마우스 우클릭 시에도 폴더와 파일의 생성, 삭제. 수정이 가능합니다. 직관적으로 사용하기 좋네요.
확장 기능도 사용할 수 있는데요. 예를 들면 자동완성이라든가, 코드 하이라이팅이라든가... 그런데 이런 것들은 여기서 다루지 않을 것입니다. 검색해 보세요. 이상으로 글을 마치겠습니다.
감사합니다.
