NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


Atom 편집기 설정.

본문 건너 뛰기

Dreamweaver, Sublime Text, Brackets 편집기를 사용하다가 이제는 Atom으로 변경하려고 합니다. 다음에 Atom 편집기를 다시 설치할 상황에 대비해서 자주 사용하는 단축키와 사용자 설정 내용을 기록해 둡니다.

Shortcuts(config)

  • Settings // Ctrl + ,
  • Menu bar toggle // Alt
  • Fuzzy Finder // Ctrl + T(프로젝트 전체에서 파일 검색), Ctrl + B(열린 문서에서 파일 검색)

Shortcuts(editing)

  • Lines
    • Duplicate lines // Ctrl + Shift + D
    • Move line up // Ctrl + Up
    • Move line down // Ctrl + Down
    • Delete line // Ctrl + Shift + K
    • Indent // Ctrl + ]
    • Outdent // Ctrl + [
    • Line comment // Ctrl + /
  • Beautify // Ctrl + Alt + B
  • Symbols View // Ctrl + R(다른 함수, 메서드로 점프)

Settings > Core

  • Auto Hide Menu Bar: false // 메뉴 바를 숨김. Alt 키를 눌러서 메뉴 바를 열고 닫을 수 있음.

Settings > Editor

  • Scroll Past End: true // 마지막 라인보다 아래쪽으로 더 스크롤 할 수 있도록 허용.
  • Show Indent Guide: true // 들여쓰기 가이드라인을 표시.
  • Show Invisibles: true // 보이지 않는 탭, 공백, 줄바꿈 문자를 화면에 표시.
  • Tab Length: 4 // 탭의 크기를 공백 몇 칸으로 표시.
  • Zoom Font When Ctrl Scrolling: false // Ctrl 키를 누른 상태로 마우스 휠을 조작할 때 편집기 글꼴 크기를 조절.

Settings > Packages > Core Packages

  • Autosave
    • Enabled: true // 초점이 빠지거나 파일이 닫힐 때 자동으로 저장.
  • Git Diff
    • Show Icons In Editor Gutter: true // 마지막 커밋으로부터 추가된, 수정된, 삭제된 행에 +(추가), -(삭제), ·(수정) 아이콘을 표시.
  • Line Ending Selector
    • Default line ending: LF // 줄 끝 문자를 선택. LF(line feed)는 유닉스/리눅스 줄 끝 문자 “\n” . CRLF는 윈도우 줄 끝 문자 “\r\n”.
  • Welcome
    • Show On Startup: false // 새 아톰 윈도우를 열 때 유용한 정보를 표시.
  • Whitespace
    • Ensure Single Trailing Newline: true // 코드 마지막 라인 이후 남겨진 줄 바꿈 문자를 삭제.
    • Ignore Whitespace On Current Line: false // 입력 커서가 남아있는 라인 위의 공백은 자동으로 삭제 안 함.
    • Ignore Whitespace Only Lines: false // 공백만 있는 라인의 공백은 삭제 안 함.
    • Remove Trailing Whitespace: true // 의미 없는 줄 끝 공백, 코드 끝 줄 바꿈 문자를 저장할 때 자동으로 삭제.

Settings > Packages > Community Packages

  • emmet
  • Atom Beautify
  • w3c-validation
    • Hide on no errors: true // 오류가 없는 경우 결과  패널 표시 안 함.
    • Use fold mode as default: true // 결과 패널을 접은 상태로 표시.
    • Validate on change: false // HTML 파일을 변경할 때 검사.
    • Validate on save: true // HTML 파일을 저장할 때 검사.
  • jshint
  • Tab To Spaces
분류: 편집기 | 2016년 10월 12일, 18:09 | 정찬명 | 댓글: 10개 |
트랙백URI - http://naradesign.net/wp/2016/10/12/2212/trackback/

10개의 댓글이 있습니다.

  1. 익명 댓글:

    아톰 설정이라던가 설치패키지 목록을 백업시킬수 있는 패키지가 있습니다. sync-setting 라는 이름이였나..

  2. 정찬명 댓글:

    @익명
    앗 댓글 감사해요. 정말 백업 패키지가 있네요. ^^;
    https://atom.io/packages/sync-settings
    http://sanghaklee.tistory.com/42

  3. 전지예 댓글:

    글과 관련없는 질문이지만,,
    Html5&css3 추천해주실만한 책이 있을까요?

  4. 정찬명 댓글:

    @전지예
    제가 요즈음 책으로 공부를 하지 않아서 딱히 어떤 책을 추천 드리기가 어렵네요. 저는 주로 W3C 명세를 보거나 레퍼런스 검색을 하는 편입니다. 도움이 되어 드리지 못해 죄송해요.

  5. 전지예 댓글:

    답변이 늦었습니다..
    그래도 댓글 달아주셔서 감사하네요. ^^

  6. 윤선지 댓글:

    좋은정보 감사합니다!! Atom에디터 사용에 많은 도움 되었습니다!

  7. 댓글:

    존에 파일들을 여러 개 클릭하면은 탭들로 떠서
    어느 파일을 열었는지 한눈에 파악이 가능하였는데
    갑자기 안 되네요ㅠ

    1번 파일 열고
    2번 파일 열고
    3번 파일 열면은

    기존은
    1번 / 2번 / 3번
    이렇게 떴었은데

    지금은
    3번
    만 떠요ㅠㅠ

  8. neO 댓글:

    감사합니다. 한가지 질문이 있는데요.

    atom css 작성시 속성 다음 공백을 삭제하고 싶은데 방법이 있을까요? sublime에선 있었는데 atom으로 갈아탈려고 세팅하다 보니 이게 하나 불만이네요.

    이를테면…

    .elmClass {font-size: 16px} 이 아닌
    .elmClass {font-size:16px} 로 작성하고 싶은데요.

    방법 있을까요?

  9. 정찬명 댓글:

    @neO
    제가 요즈음은 VS Code로 갈아 타서 잘 모르겠네요. “atom editor remove space after :” 이런 키워드로 검색해 봤는데 찾지 못했습니다.

  10. neO 댓글:

    @정찬명 댓글 감사드립니다. 다시 검색해 볼게요~

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님