3. 아톰 패키지 및 테마설치

   내용추가 2017.07.13

패키지 설치하려는데 계속 C/C++ Module 오류일때 

더이상 시간 까먹지 말고 아래와 같이 처리하도록한다.

1. Nodejs 설치

2. 윈도우 명령 프롬프트(관리자권한) 띄워서 아래 붉은 글씨 커맨드를 입력

TedThiCo commented on 27 Apr 2015

Seems that node-gyp isn't following the 302 Redirect sent by atom.io.

@fujisaks Thanks for pointing to the problem!

I've been able to workaround the issue by setting the ATOM_NODE_URL env variable to the new url (after redirect ). This should also be working after you update Atom. However, remove the entry when the bug gets fixed!

Windows temporary:

set ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist

Windows permanently:

setx ATOM_NODE_URL http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist /M

Linux

export ATOM_NODE_URL=http://gh-contractor-zcbenz.s3.amazonaws.com/atom-shell/dist

출처 : https://github.com/atom/apm/issues/322#issuecomment-96430856

   [ 패키지 설치 ]

#1 EMMET : TAB 키로 축약어를 풀어서 동작한다.

    > child

    + Sibling

    ^ Climb-up / 끊고다시 위로 올라감 div+div>p>span+em^bq

    * Multiplication

    () Grouping / ul>(li>a)*5

    # ID / nav#naviation

    . Class / li.list

    [] Attribute / a[title="myTitle"]

    {} Text contents / li>a>{table}

    $*5 ($반복될때마다 숫자로 치환) / ul>li.item$*5 = li class='item1'

#2 file-icons : 아톰의 좌측과 탭스에 아이콘 표시 패키지

#3. Highlight Selected : 셀렉트된것 하이라이트 기능

#4. minimap

#5. minimap-highlight-selected

#6. indent-guide-improved package : 자동으로 들여쓰기 범위를 활성화하여 표시해준다.

#7. Sublime Style Column Selection : alt + 마우스 왼쪽으로 세로 컬럼 선택

#8. aligner : key-value 정렬, ctrl + alt + /

#9. SCRIPT : Run code in Atom! 인스톨

   주의!!. 스크립트 해석 엔진은 이미 설치되어 있어야 한다 ex: php, ruby

   script run : shift + ctrl + b

#10. remote-FTP

#11. atom-live-server : 아톰내의 서버를 돌려서 html문서를 수정하고 저장하면 

페이지를 즉시 반영하여 확인가능. 패키지내의 view code > keymaps > atom-live-server.json 파일 보면 

워크스페이스 설정가능 하고 단축키도 볼수있다.

   [ 테마 설치 ]

Install 에서 검색바 좌측의 Themes 옵션 활성화 시킨 후 

atom-material-ui / atom-material-syntax 2개 모두 설치

주의!!. 설치된 테마에 들어가서 Settings 의 모든 옵션을 활성화 ( v ) 체크 해준다. 

         체크 안해주면 Themes 의 목록에서 설치된 테마가 목록에 표시되지 않는다.

이후 Themes > 상단의 Choose a Theme 에서 UI Theme 와 Syntax Theme 를 

모두 Atom Material 로 변경해준다.