태그를 작성하다 보면, 태그를 정리해야 할 필요가 있다.
일반적으로 사용하지는 않는 것 같다. 그러니 ATOM 기본 EDIT 메뉴에 Lines > Auto Indent 메뉴는 있지만, 단축키가 없다.

1. ATOM 현재 설정 단축키 확인하는 방법
- ATOM > Preferences 를 클릭해서 Settings 창을 열거나,
⌘, 를 클릭하여, Settings 창을 열어 봅니다.

- Keybindings 를 클릭하고 알고있는 단축키(ctrl-alt 와 같이), 명령어, 등 화면상의 내용을 입력해 봅니다.

- 키 내용을 복사 하려면 KeyStroke 의 명령어 옆에 있는 복/붙 아이콘을 클릭하여 저장한다.
- your keymap file 부분을 클릭하면 사용자 키 설정으로 연결된다.


- keymap file 을 열고 붙여 넣기 하면 다음과 같이 된다.

- cmd-\ 부분과 같이 단축키를 변경하면 된다. 특수키는 cmd ctrl alt shift 등을 사용할 수 있고 키와 키 사이는 - 로 구분한다.
2. Auto Indent 단축키를 shift - cmd - i 에 등록해 본다.
- ⌘ , 클릭해서 Settings 열기
- Keybindings 클릭해서 your keymap file 클릭
- shift-cmd 같이 입력해봄, shfit-cmd-i 가 없으니까 indent 약자이기도 하니 사용한다.
(기존에 있는 단축키라 하더라도 your keymap file에 추가하면 추가한 단축명령어로 기본 단축 명령어가 변경된다.)
(다만 Auto Indent 기능은 태그 줄바꿈을 짜르거나 하지 않는다. 있는 태그의 여 닫는 것으로 만 판단한다)

- 다음과 같이 명령어와 단축키를 설정한다.

'atom-text-editor':
'shift-cmd-i': 'editor:auto-indent'
ATOM 의 설정을 변경했을 경우 아톰을 껏다가 다시 켜서 적용결과를 확인할 수 있습니다.

Source를 User로 하여 새로운 단축키가 등록되었습니다.
'코딩ㆍ개발 정보 > HTML 연습' 카테고리의 다른 글
브라켓의 실시간 미리 보기 처럼, atom에서 live server 설치 및 사용 방법 (0) | 2020.09.18 |
---|---|
지정영역에 태그 및 속성 추가하기, atom-wrap-in-tag 설치하기 및 단축키 변경 방법 (0) | 2020.09.18 |
HTML에서 플랫UI 컬러 색상표 제공해주는 사이트 정보 (0) | 2020.09.18 |
ATOM, emmet으로 html5 만들기 및 lang=en을 lang=ko 로 변경하는 방법 (0) | 2020.09.18 |
ATOM 에 emmet and open-in-browsers 설치 및 설정하기 (0) | 2020.09.18 |
댓글