[브라켓(Brackets)] 실시간 미리보기
에디터/브라켓 에디터(Brackets editor) 2015. 11. 1. 17:55
728x90
반응형
다른 에디터 보다
브라켓을 왜 쓰는지 그 첫번째 이유가 되는
'실시간 미리보기' 기능 입니다.
(첫번째 이유가 있으면 두번째도 있다는 것이죠. ^^)
실시간 미리보기 기능은 말 그대로
코딩하는 동시에 실시간 아웃풋으로 확인 할 수 있습니다.
확장 기능을 설치하는것도 아니고
프로그램을 깔면 그냥 기본으로 들어 있어요!
바로 이 기능이죠.
사용법은 아주 간단합니다.
그 전에.. 크롬 브라우저를 설치 합니다.
이 기능은 크롬이 없으면 안돼요!
이렇게 해주면 됩니다.
단축키도 있네요!
'컨트롤 + 알트 + p'
누르게 되면
확인 한번 눌러주세요.
다음부턴 이 안내 메시지는 출력이 안됩니다. 한번만 출력되요.
새 창이 열리면서 잠시 기다리라네요
그후 로딩이 완료되면
..
에디터로 돌아가서
body 태그 안에다가 아무거나 입력해 봅시다.
그러면 위의 gif처럼 같은 결과를 보실 수 있습니다.
(서브라임에서도 비슷한 기능이 있는데 그건, 크롬브라우저 에다가 뭘 설치해야 하고 게다가 에디터 에서 저장을 눌러야지만 반영이 되죠. 하지만 이건... 저장을 굳이 안하셔도 말그대로 실시간 반영을 합니다.)
반응형
'에디터 > 브라켓 에디터(Brackets editor)' 카테고리의 다른 글
[브라켓(Brackets)] 브라켓 에디터의 장단점. (6) | 2015.11.01 |
---|---|
[브라켓(Brackets)/확장 기능] PSD 열기 (10) | 2015.11.01 |
[브라켓(Brackets)/확장 기능] Emmet 확장 기능 설치 Part.2 (10) | 2015.11.01 |
[브라켓(Brackets)/확장 기능] 테마(Themes) 확장 기능 설치 Part.1 (2) | 2015.10.31 |
[브라켓(Brackets)] 어도비의(Abode) 브라켓(brackets) 설치하기 (6) | 2015.10.24 |