웹 개발 툴 Brackets 설치 및 테마/플러그인 적용

Web 개발 툴은 그리 많지가 않습니다.

그런데 몇 달전... Brackets 이라는 오픈소스 웹 개발 툴을 알게되었고..

계속 써본 결과... 괜찮은 툴이라는 걸 알게되서 이렇게 포스팅 남겨요 ^^

일단 Brackets 홈페이지에서 쉽게 설치할 수 있습니다.

http://brackets.io/

Windows, Linux, Mac  모두를 지원하구요

그 외 Server로도 설치 가능합니다 ^^ (이부분은 나중에 포스팅 하도록 하겠습니다)

기본으로 설치만 하면 아래와 같이 나오게 됩니다~

이렇게만 사용하는데도 문제가 없지만.. 

조금 더 편리하게 사용하기 위해 다양한 플러그인 또는 테마를 설치할 수 있습니다.

그럼 제가 생각하는 필요 플러그인을 한번 ... 소개시켜드릴께요 ^^

일단 첫번째!!  여러 테마 적용하기!!

오른쪽에 보이는 블록같이 생긴 아이콘(Extension, 확장기능 관리자)을 클릭하면 아래와 같이 보여지게 됩니다.

전 이미 git을 설치한 상태이구요 Brackets의 git도 상당히 쓸만합니다.

git으로 개발을 하시는 분들은 사용을 추천드릴께요 ^^ (검색에서 Brackets Git   찾아서 설치)

자 그럼 이제 조금 더 개발을 쉽게할 수 있게 플러그인을 설치해볼까요~?

일단 전 검은색 테마를 좋아하므로 테마를 변경해보겠습니다.

마찬가지로 확장기능 관리자(Extension)를 클릭 후 테마부분을 클릭합니다. 

여기서 "추가정보"를 누르게 되면 테마 개발한 github 홈페이지로 들어가게되고 대부분의 테마들을 미리 확인할 수 있습니다 ^^ 

전 다양한 테마 중에 Stripper를 설치했어요~

그런 후 적용을 해야하는데 적용 방법은 보기 > 테마  에서 적용하면 됩니다 ^^

그럼 바로 적용되는 것을 확인할 수 있어요~

자 그 다음은 다양한 플러그인 설치로 더 편리하게 만들어볼까요~!?

제가 설치할 플러그인은 총 4개 입니다.

1. Brackets File Icons : 왼쪽에 보이는 아이콘을 더욱 더 구분이 쉽게 아이콘으로 보여주는 플러그인

2. Brackets Outline List : 한 파일에 함수들을 한번에 볼 수 있는 플러그인

3. Code folding : 함수를 폴딩 시킬 수 있는 플러그인

  > 최근 언제부터인지 모르겠지만 설치 불가능합니다. 대체 가능한 플로그인은 Custom Region Code Folding  입니다 (2018. 08. 30.)

4. Number Tabs : 열어놓은 파일을 Ctrl + 숫자로 이동할 수 있는 플러그인

5. HTML5 Template : HTML5 기본 탬플릿을 만들어주는 플러그인 (2018. 08. 30.)

전 특히 4번이 너무 맘에 들더군요~ 몇달동안 계속 찾고 있었던 플러그인입니다 ^^~~

대부분이 MIT 라이센스를 채택하고 있어

자유롭게 사용도 가능하고 조금만 자세히 보면 직접 만들어 볼 수도 있을 것 같습니다 ^^

이 외에도 다양한 플러그인이 많지만.. 전 아직까지는 이정도만 있어도 충분히 개발하는데는 문제가 없을꺼 같네요~~

또 유익한 플러그인을 찾게 된다면~~!! 포스팅하도록 하겠습니다 ^^