Brackets

기술

집중된 시각적 도구와 전처리기 지원을 통해 Brackets는 브라우저에서 쉽게 디자인할 수 있는 최신 텍스트 편집기입니다. Creative Cloud Extract(미리보기) for Brackets를 사용해 생성된 코드 없이 PSD에서 바로 깔끔하고 최소한의 CSS를 쉽게 얻을 수 있습니다.

PSD에서 코드 힌트 얻기

Extract for Brackets(Preview) 확장을 사용하면 색상, 글꼴, 그라디언트 및 측정 정보를 포함한 PSD에서 디자인 정보를 컨텍스트 코드 힌트를 통해 깨끗하고 최소한의 CSS로 가져올 수 있습니다. 또한 레이어를 이미지로 추출하고 PSD의 정보를 사용하여 전처리기 변수를 정의하고 개체 간의 치수를 쉽게 얻을 수 있습니다.

인라인 편집기

파일 탭 사이를 이동하는 대신 Brackets를 사용하면 가장 관심 있는 코드로 창을 열 수 있습니다. 특정 ID에 적용되는 CSS 작업을 원하십니까? 해당 ID에 마우스 커서를 놓고 Command/Ctrl+E를 누르면 인라인 창에 해당 ID를 가진 모든 CSS 선택기가 표시되므로 팝업 없이 나란히 코드 작업을 할 수 있습니다.

라이브 미리보기

브라우저에 실시간으로 연결하십시오. CSS와 HTML을 변경하면 변경 사항이 화면에 즉시 표시됩니다. 또한 커서를 브라우저에 올려 놓기만 하면 CSS 선택기가 브라우저에서 어디에 적용되는지 확인할 수 있습니다. 브라우저 내 개발 도구의 편리함과 함께 코드 편집기의 힘입니다.

전처리기 지원

완전히 새로운 방식으로 전처리기를 사용합니다. 전처리기가 워크플로에 얼마나 중요한지 알고 있습니다. 이것이 바로 우리가 Brackets를 전처리기를 위한 최고의 코드 편집기로 만들고자 하는 이유입니다. Brackets를 사용하면 LESS 및 SCSS 파일과 함께 빠른 편집 및 라이브 하이라이트를 사용할 수 있으므로 그 어느 때보다 쉽게 ​​작업할 수 있습니다.