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 | 정찬명 | 댓글: 5개 |
트랙백URI - http://naradesign.net/wp/2016/10/12/2212/trackback/

5개의 댓글이 있습니다.

  1. 익명 댓글:

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

  2. 정찬명 댓글:

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

  3. 전지예 댓글:

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

  4. 정찬명 댓글:

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

  5. 전지예 댓글:

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

댓글 쓰기

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

필수 아님

필수 아님