1) Brackets 사이트 접속해서 [Download Brackets 1.12]를 클릭하세요.
※ 업데이트해서 버전이 다를 수 있습니다.
2) [실행]클릭 > [Next] 클릭하세요.
3) 간단하게 설치 완료됩니다.
4) Brackets(브라켓)를 열어주세요!
브라켓를 좀 더 편하게 사용하기 위해서는 몇번의 설치가 필요해요. 우측 상단 또는 좌측 하단에 블록 모양이 보여요. 클릭하면 아래와 같은 화면이 나와요.
[ 브라켓(Brackets) 확장 기능 ]
확장기능을 설치하면 더 편리하게 사용 할 수 있어요.
■ 브라켓코드 자동 완성
[Emmet]를 검색해서 설치해주세요. Emmet를 설치하는 이유는 html 태그가 자동으로 완성됩니다.
예를 들어 html:5+Tab키를 누르면 자동으로 생성됩니다.
※ 꼭 설치해야해요! 태그가 오타가 나면 실행하기 어렵잖아요.
그리고 단축키를 알면 편리하게 쓸 수 있어요.
■ 컬러 하이라이터 사용
[Color Highlighter]를 검색해서 설치해주세요.
컬러 하이라이터(Color Highlighter)를 사용하는 이유는 색이 들어간 부분에 진짜 색을 보여줍니다.
■ 브라켓색표시
[Custom Work]를 검색해서 설치해주세요. (선택적 설치항목)
설치 할 경우, 작업 폴더 상단에 위치하던 제목표시줄이 탭형식으로 보이게 됩니다.
■ Monokai 설치
구글에서 [Monokai]를 검색해서 설치해주세요. (선택적 설치항목)
흰색의 배경이 기본인데 밝기때문에 눈이 아프기도 해서
모노카이로 설치해서 이용하고 있어요 :)
1) Monokai설치방법
설치방법은 간단해요. [Clone or download] 클릭해서 [Download ZIP]클릭해서 설치합니다.
압축파일을 절대 압축해제하지말고 파일을 브라켓에서 번개모양 아래에 있는 블록모양을 열어서
"여기에 .zip파일을 드래그하거나 url에서 설치하세요"라는 부분에 압축파일을 드래그해서 올리면 됩니다.
[보기] - [테마] - [현재테마]에서 Monokai로 바꾸고 완료 누르면 됩니다.
브라켓이 편리하게 사용하기 좋아요 :)
'정보' 카테고리의 다른 글
포트폴리오 참고하기 좋은 디자인 사이트 : 핀터레스트 / 무 / 워드프레스 / 디비컷 (0) | 2020.08.14 |
---|---|
유튜브 동영상 다운로드 방법 : 4K Video Downloader (0) | 2020.08.14 |
아이콘 만들기 : PNG를 ICO 온라인으로 변환 (0) | 2020.08.03 |
다폰트(Dafont.com) : 상업적 사용 가능한 무료 영어 폰트 다운로드 (1) | 2020.06.10 |
아이폰 와이파이 비밀번호 공유하기 (0) | 2020.05.19 |