본고는 Brackets의 확장을 이용하여 sni 애완동물 관리를 하고 인코딩 효율을 높이는 방법을 소개한다.

기본 사용 방법은 다음과 같다→Brackets의 기능 소개, 사용 방법 설명

기타 편리한 확장 세트는 여기서 →Brackets 권장 확장 설명

사용할 확장

Brackets Snippets (by edc)
기본적으로 스니 펫이 풍부하고, 스니 펫이 펼쳐진 커서 위치 등도 상세히 조정할 수 있다.
또한 기존 sni 애완동물을 쉽게 편집하고 추가할 수 있으며 프로필을 가져오고 내보내며 설정을 다른 환경에 넘길 수 있습니다.

데모

기본용법

부팅

설치가 완료되면 도구 모음에 전구 아이콘이 추가됩니다. 여기를 누르면 아래에 스나이프 펫 관리 화면이 표시됩니다.

운동을 전개하다

관리화면 왼쪽 일람에는 사용 가능한 스니 펫이 표시됩니다.색상 배경에 흰색 문자로 기술된 것은 바로 가기입니다. 파일에 여기를 입력하면 탭을 누르면 움직임이 펼쳐집니다.

확장한 후 Tab 키를 눌러 다음 편집점으로 이동할 수 있습니다.
상기 시연에서도 이 기능을 사용했는데 실제로 시도해 보면 행동을 알 수 있을 것 같지만 화면을 관리하는 스니 애완동물을 선택해 자세히 확인하거나 행동을 편집할 수 있다.(기호의 독법후술
※ 단축키는 대문자로 일람되며, 입력할 때는 소문자로 입력하세요.
※ 스니 펫은 각각 캐릭터 영역을 설정, 일치하는 확장자 파일에 없으면 스니 펫을 확장할 수 없습니다.(이 기능을 통해 스노우 반려동물의 주거 구분이 이뤄졌다.)

라이브러리에 기존 sni 펫 추가

초기 상태에서는 자바스크립트의 스니 펫만 등록돼 있었지만, 리브레리가 미리 제작한 스니 펫을 일람표에 추가할 수 있었다.
HTML, CSS, JavaScript, PHP 등이 준비되어 있습니다.

오리지널을 만드는 가벼운 운동

미리 준비할 수 있을 뿐만 아니라 직접 만들어 추가할 수도 있다.

등록 방법

작은 동물을 등록하려면 왼쪽 상단에 있는 "New +"단추를 누르십시오

Trigger(단축키 호출 트리거)

Description(개요-생략 가능)

Scape(스니 펫을 호출할 언어 - Any를 선택한 경우 어떤 확장자든지 호출 가능)

, 그리고 아래의 "Text"란에서 스니 애완동물을 묘사합니다.
입력이 끝나면 "Save"또는 "Save and Create"를 눌러 sni 펫 등록을 완료합니다.

커서 위치 제어

애완동물을 만들 때 규정된 기법 기술로 펼친 후 커서의 위치와 이동을 제어할 수 있다.
기법도 특별히 어렵지 않고 커서를 놓고 싶은 곳에 입력${1}했다.
이후${2},${3}...숫자를 늘려 탭을 눌렀을 때 순서대로 커서를 임의의 위치로 이동할 수 있습니다.

또한 그림${1:任意の文字列}과 같이 확장할 때 이 문자열을 선택할 수 있습니다.
(커서 제어의 사용감에는 변화가 없지만, "여기에 뭘 놓았더라..."를 없애는 지침으로 사용하나요)

여러 곳을 동시에 편집할 수 있습니다.

데모 콘솔.로그처럼 여러 곳을 설정하여 동시에 편집할 수 있습니다.
위의'커서 위치 제어'기록 방법을 알고 있다면 간단하다. 동시에 편집하고 싶은 곳에 같은 번호를 쓰면 된다.

이상은 sni 애완동물 관리의 확장을 이용하여 인코딩 효율을 높이는 방법을 간단하게 소개했다.
쉽게 조작할 수 있지만 사용할수록 인코딩의 강력한 수행원이 될 수 있다.
오리지널 맞춤형 편안한 Brackets 생활을 꼭 보내주세요!