Atom Editor Packages

Atom Editor 에서 사용하고 있는 Packages 정리

aligner

쉽게 연산자 및 사용자 지정 구성에 대한 멀티라인 정렬

사용방법

ctrl-alt-/

angularjs

AngularJS Syntax 자동완성 지원

atom-beautify

HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL 등의 코드를 예쁘게 정렬

사용방법

Command Palette ctrl-shift-p 를 Open 하여, type Beautify and Beautify Editor 실행

Before

After

docblockr

Javascript 주석을 쉽게 작성해주는 기능

사용방법

/** 를 입력하고, Enter

emmet

Web 개발을 위한 HTML, CSS 필수 Toolkit

Emmet 사용법

highlight-column

현재 Cursor의 Column을 강조 표시

highlight-line

현재 Cursor의 Line을 강조 표시

highlight-selected

더블클릭 시, 선택한 동일 단어 강조 표시

minimap

전체 소스코드의 minimap 미리보기

project-manager

자주 사용하는 Project 를 등록하고, Project 목록으로 Open 을 편리하게 한다.

사용방법

List Projects
alt-shift-P 하여, Project 선택

Save Projects
Command Palette ctrl-shift-p 를 Open 하여, Project Manger:Save Project 선택

Edit Projects
Command Palette ctrl-shift-p 를 Open 하여, Project Manger:Edit Project 선택

script

Atom Ediotr 에서 Script 실행

사용방법

Command Palette ctrl-shift-p 를 Open 하여, Script: Run 선택

Sublime Style Column Selection

Sublime 스타일의 ‘Column Selection’ 을 사용하여, 행의 선택하여 편집 가능

사용방법

alt 를 누르고, 마우스 Left 를 클릭하여 Line 선택

swackets

중괄호에 색상을 부여하여 표시

todo-show

Project 또는 File 에서 “TODO, FIXME, CHANGED, XXX, IDEA, HACK, NOTE, REVIEW” 를 찾아서 표시

사용방법

Command Palette ctrl-shift-p 를 Open 하여, Todo Show: Find In Project 또는 Todo Show: Find In Open Files 선택