Atom

아톰 에디터 사용하기 

설치. 

- 아톰 사이트가서 다운받으면된다. 공짜다. 

minimap 

- a preview of the full source code

- 작은 창으로 전체코드를 보여준다.. 

- 글자가 작아서.. 제대로 보이진 않음 

highlight selected

선택 된 라인이 미니맵 어디 있는지 보여줌 

script

- Run code in Atom

- 아톰에서 실행을 해준다. 

- ruby, python으로 샘플짤때 편하다. 

단축키 

mac - cmd-i 

linux, windows - shift+ctrl-b

tabs-to-spaces

- 탭을 스패이스로 변경해준다. 

Fuzzy Finder 

 

- 파일을 쉽게 찾게 해줌 

- ctrl+T, cmd+T

atom-ide-ui 

코드를 이쁘게 이쁘게~~

pigments 

CSS 파일의 #FF533D 형태의 컬러값을 직관적으로 표시해줌 

atom-beautify 

들여쓰기 코드 간격을 일정하지 않는것을 정리해줌~ 

code peek 

함수가 정의된 파일을 열어 진다. 

- alt- 마우스

Highlight selected 

 선택한 코드를 강조.. 

auto close html 

html 태그 입렵하면 시작 종료 붙여줌 

Linter 

 html, css, javascript, typescript등의 코드를 분석하여 문법 및 유효성을 검증해줌 

WakaTime 

프포젝트에 사용한 언어, 작업시간, 로그인타임등을 분석해줌 

For fuby 

linter-ruby

linter-erb

rails-snippets

 계속 추가 중...