Atom 설치

Atom  에디터 설치하기

Atom  사이트에서 쉽게 Download 버튼을 찾을 수 있습니다.

각 OS에 맞는 버전을 다운로드 받고 설치하면 됩니다. (무료 버전)

1. Atom 확장팩 설치

  -Atom만 설치 하면 사용하기 불편해서 확장팩(Package)을 설치 해야한다. 

   ( 단축키 : ' Ctrl+, ')

   ATOM ->File -> Setting -> Install

 

 아래 패키지 조회 후 설치 

 - emmet : HTML, CSS 태그 자동 완성

 - atom-beautify : 소스 코드 정렬

 - atom-html-preview : 별도 브라우져 없이 바로 확인

   (Ctrl+Shift+H : 미리보기 기능 활성화/비활성화)

2. 유용한 package 

  -atom 설치후 기본 package 설치

  1. atom-beautify

  2. autoclose-html

  3. code-peek

  4. color-picker

  5. emmet

  6. highlight-selected

  7. minimap

  8. atom-html-preview

3. 자동 완성 기능 

  - 파일을 확장자에 맞게 저장

  - 태그명 입력후 Tab key 사용

  - html+Enter : HTML5 기본 문서 구조가 나옴 

4. Theme 설치(2가지 설치)

•  Atom 상단 바에서 'File' -> 'Settings' 클릭
•  왼쪽의 'install'탭 클릭 -> 'Themes' 버튼 클릭

seti-ui 설치

  직관적 파일 아이콘 제공하여 파일 구분이 쉬움

atom-material-syntax-dark 설치

    코드 구문 강조색 조합이 잘 되어 있어 코드의 가독성이 높다

UI Theme 및 Syntax Theme 설정