[브라켓(Brackets)] 어도비의(Abode) 브라켓(brackets) 설치하기

에디터/브라켓 에디터(Brackets editor) 2015. 10. 24. 19:03

728x90
반응형

전 서브라임 텍스트가 완전무료가 아니라서 회사에서 사용하긴 어려웠습니다.

(사실 품의서 작성해서 사달라고 올리면 되지만... 쓸때없이 번거로워서...)

완전 무료이면서 서브라임 텍스트 만큼 확장성을 겸비한 개발툴을 사용하려 찾아보던중


'브라켓 에디터(Brackets editor)'라는 툴을 발견하였습니다.


사실 안지는 몇달전에 알았지만 그때는 사용법을 알려고도 하지 않았다는게... ㅠㅠ;;

서브라임만 있으면 다 될줄알았죠.


브라켓 에디터에서 눈여겨 봐야할 두가지 기능이 있습니다.

바로 PSD 를 열 수 있다는 점과,

코딩시 코딩한걸 바로 눈으로 확인할 수 있다는 것이죠.


그리고 굳이 세가지 장점을 더 해 보자면...

한글 이라는 점,

완전 무료라는 점,

원하는 패키지를 설치후, 프로그램을 재실행 시키지 않아도 된다는 점.

등 있습니다.


말로는 설명이 안되니 움짤을 붙혀 보겠 습니다.

아래 이 두가지를 보시면 퍼블리셔, 프론트 엔드 개발자 에겐 더없이 좋은 기능이라 생각 됩니다.


쓰는대로 바로 보기.



PSD 열고 해당 레이어(layer)의 정보값을 확인하기


이 부분은 이미지의 width 값을 자동적으로 가지고와서 코드로 변환시켜 주는 부분과,

X,Y축 위치값을 알려주고 또,

이미지 레이어를 png로 알아서 짤라서 저장시켜 줍니다.

작은 포토샵과 똑같다고 생각하면 됩니다.




설치. (설치는 크롬 기준 설치 방법 입니다.)





C:\program~~~~~ 설치 경로를 말합니다.


두번째 Add "brackets" launcher to PATH for command line use 는 커멘트창(cmd) 에 "brackets" 라고 쳤을 경우 프로그램을 실행시켜 줍니다.

(설치 완료후 확인해 보세요!)

이 창을 띄우는 가장 빠른 방법은 바로가기 로 등록시켜 놓으면 이지만

어디에 있는지 모르겠다면 이렇게 하시기 바랍니다.

윈도우키 + r -> 'cmd'입력



세번째 Add "Open with Brackets" to Explorer context menus for all files and folders 는 작업파일을 우측 클릭하게 될 경우 브라켓으로 작업 파일을 바로 열 수 있게 메뉴에 추가시켜 줍니다. 아래 사진 을 보시면 이해 하실듯...

(설치 완료후 확인해 보세요)



계속해서 설치를 보여 드리겠습니다.

마지막으로 install 버튼만 누르시면 되지만요 ㅎ





이것으로 설치는 끝났습니다. 

다음엔 유용한 패키지를 설치해 보도록 합시다.

반응형