[ATOM] 설치 세팅

1. 설치 : https://atom.io/    blog : http://recoveryman.tistory.com/234

2. 환경 세팅 : "Ctrl+,"   

- 단축키셋팅 : Ctrl+, > Keybindings > your keymap file

'atom-text-editor:not([mini])':

 'alt-shift-down'   : 'editor:add-selection-below'

 'alt-shift-up'       : 'editor:add-selection-above'

 'ctrl-b'              : 'find-and-replace:select-next'

 'ctrl-d'       : 'editor:duplicate-lines'

 'ctrl-shift-d'       : 'editor:delete-line'

 'ctrl-shift-down'  : 'editor:move-line-down'

 'ctrl-shift-up'      : 'editor:move-line-up'

- 가운데 선제거 : file > stylesheet 

atom-text-editor::shadow {

    .wrap-guide {

        visibility: hidden;

    }

}

3. 테마, 플러그인 설치 : 환경 세팅 왼쪽 하단 (사용자>사용자이름>.atom)

4. 테마 

     - monokai

5. 플러그인 

- sync-settings : 패키지 환경설정 동기화

1. Access Token생성

   GitHub로그인 > 오른쪽상단 개인설정 "settings"선택 (settings / Developer settings / Personal Access Token) > 

   "Gernerate token" 으로 토큰생성 (repo, user, gist) > 생성 하면 Token생성된다.

2. Gist ID생성

    GitHub로그인 > 오른쪽상단 "+▼" > New gist> 파일이름과 첫줄에 "AtomSetting" 적는다. > 

    Creat secret gist 생성> 상단 주소창에 숫자가 Gist ID

3. Atom 적용

   "Ctrl + , " Settings 창을열어 > Install > "sync-settings" 입력패키지 인스톨 > sync-settings / Settings >

   - Personal Access Token : Token 입력

   - Gist Id : Gist ID 입력 후 Atom재시작

4. Atom 백업, 설정

   재시작후 알럿창이 뜨면 아래 버튼을 클릭 

   Backup : 현재 설정 정보를 Gist에 백업한다.

   View backup : Gist로 간다.

   Restore : Gist의 백업 정보를 불러온다.

   Dismiss : 아무것도 하지 않고 무시한다.

- package-sync : 패키지 동기화 

(Ctrl+Shift+p) "package-sync" 메뉴나 타남

package-sync:create-package-list- ~/.atom/packages.cson 파일이 아직 없으면 만듭니다.

package-sync:open-package-list- ~/.atom/packages.cson  새 탭에서 열기

package-sync:sync - 패키지 목록과 설치된 패키지 간의 동기화

(https://atom.io/packages/package-sync)

- emmet  (https://atom.io/packages/emmet)

- atom-beautify (https://atom.io/packages/atom-beautify)

- autocomplete-project-paths : 경로 자동완성 (https://atom.io/packages/autocomplete-project-paths)

- autoclose-html : 닫기태그 자동생성  (https://atom.io/packages/autoclose-html)

- tool-bar (https://atom.io/packages/tool-bar)

- browser-plus : 라이브뷰 [ctrl-alt-o] (https://atom.io/packages/browser-plus)

  ajax 실행

- atom-live-server : 외부라이브뷰  ( https://atom.io/packages/atom-live-server )

  서버 실행 : [ctrl+alt+l], [ctrl+alt+3] , ajax 실행안됨

  사용 중지 : [ctrl+alt+q]

- pigments : css 컬러 미리보기 (https://atom.io/packages/pigments)

- highlight-line (https://atom.io/packages/highlight-line)

- fine-icon : 파일아이콘 설정 (https://atom.io/packages/file-icons)

- minimap (https://atom.io/packages/minimap)

- code-peek : 자바스크립트 함수 열기 

(Ctrl+Alt+e), 함수선택 오른쪽메뉴선택 

(https://atom.io/packages/code-peek)

- Linter : (html, css, javascript) 유효성검사 (https://atom.io/packages/linter)

- docblockr : 스크립트 주석 만들기 (https://atom.io/packages/docblockr)

- tortoise-svn : svn (https://atom.io/packages/tortoise-svn)

- Remote-FT  (https://atom.io/packages/remote-ftp)