1 2 3 4 5 6 L

Page Header > Subtitle

Atom 필수 플러그인 리스트 (Can’t live without it)

 

Atom Editor 를 쓰게된 계기?

  • 오픈소스로 관리되고, 100% 무료인 Code Editing Tool
  • 코드 개발과 소스 관리에 특화된 Github 이 지원하고 있는 Editing Tool

 

Atom 의 유용한 플러그인 리스트

Seti UI

  • Backbone.js 의 제작자 Addy Osmani 도 추천하는 코드 테마. 색깔 조합이 수려해서, 개인적으로 코딩할 때 질리지 않는 colorful 한 테마다.

seti uihttp://joshuajangblog.files.wordpress.com/2016/09/seti-ui.png?w=150 150w, http://joshuajangblog.files.wordpress.com/2016/09/seti-ui.png?w=300 300w, http://joshuajangblog.files.wordpress.com/2016/09/seti-ui.png?w=768 768w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" style="box-sizing: inherit; border: 0px; height: auto; max-width: 100%; vertical-align: middle;">

Beautify

  • 들여쓰기나 코드 간격이 일정하지 않은 복잡한 코드를 보기 좋게 정리해준다.

beautify

Pigments

  • CSS 파일의 #FF530D 형태의 컬러 값을 직관적으로 표시해준다.
    pigments

Code peek

  • 선택한 함수가 정의되어 있는 파일을 자동으로 열어 대조해준다. (이클립스의 Alt+마우스 왼쪽 클릭 과 동일한 기능)

color peekhttp://joshuajangblog.files.wordpress.com/2016/09/color-peek.png?w=150 150w, http://joshuajangblog.files.wordpress.com/2016/09/color-peek.png?w=300 300w, http://joshuajangblog.files.wordpress.com/2016/09/color-peek.png?w=768 768w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" style="box-sizing: inherit; border: 0px; height: auto; max-width: 100%; vertical-align: middle;">

Highlight selected

  • 선택한 코드를 강조해주는 유틸리티

highlight selected

Auto close HTML

  • HTML 태그 이름만 입력하면 시작 및 종료 태그를 알아서 붙여준다.

auto close html

Package sync

  • 서로 다른 컴퓨터 간에 Atom Package 를 동기화 시켜준다. 다른 컴퓨터에서 작업환경을 동일하게 구성할 때 유용하다

package synchttp://joshuajangblog.files.wordpress.com/2016/09/package-sync.png?w=109 109w" sizes="(max-width: 191px) 85vw, 191px" style="box-sizing: inherit; border: 0px; height: auto; max-width: 100%; vertical-align: middle;">

Minimap

Minimap cursorline

  • 현재 선택한 라인이 Minimap 에서 어디에 위치하는지 구체적인 Line Highlighting 지원

Color Picker

  • CSS 스타일 작성시 색상 팔레트를 에디팅 위에서 볼 수 있어 쉽게 변경할 수 있다.

color picker

Emmets

  • Emmets 에서 제공하는 특정 Syntax 로 반복적인 코드를 쉽게 작성할 수 있다. 예를 들어, ul>li*3>p 는 아래와 같은 결과

emmet

Linter

  • HTML, CSS, Javascript, TypeScript 등의 코드를 분석하여 문법 및 유효성을 검증해주는 유틸리티

linter

Fuzzy Finder

  • 단축키 Ctrl-T 나 Cmd-T 로 파일을 쉽게 찾고 연다.

fuzzy finderhttp://joshuajangblog.files.wordpress.com/2016/09/fuzzy-finder.png?w=150 150w, http://joshuajangblog.files.wordpress.com/2016/09/fuzzy-finder.png?w=300 300w, http://joshuajangblog.files.wordpress.com/2016/09/fuzzy-finder.png?w=768 768w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" style="box-sizing: inherit; border: 0px; height: auto; max-width: 100%; vertical-align: middle;">

Sort Lines

  • 선택한 라인의 내용을 알파벳 순서로 정렬해준다.

sort lines

WakaTime

  • 프로젝트에서 사용한 언어, 작업 시간, 로그인 타임 등을 분석해서 가시화 해주는 그래프 유틸리티

 



[이 게시물은 관리자 님에 의해 2017-09-11 00:03:51 Tiptech 에서 이동됨]
0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기
captcha
자동등록방지 숫자입력

Db/others

번호 제목 글쓴이 날짜 조회수
21 [MySQL] Load Data 시도 중 secure_file_priv 문제 직면 미도어묵 10-23 337
20 파이썬을 이용한 금융 데이터 수집에 좋은 사이트 미도어묵 07-10 462
19 2013년도 시군구 주소 미도어묵 05-11 267
18 MySQL Incorrect datetime value: '0000-00-00 00:00:00' 미도어묵 12-15 263
17 ySQL 데이터베이스에서 mysqldump 명령어를 이용한 procedure, function, trigger 포함 백업 및 복구 방법 미도어묵 11-08 257
16 cloudflare CDN 미도어묵 09-28 270
15 소스 비교 체크 url 관리자 09-14 322
14 정보통신 표준화 위원회에서 "WoT를 위한 RESTful API 지침" 관리자 09-13 253
13 [redUTF8] euc-kr <==> UTF8 파일 캐릭터셋 일괄변경 관리자 07-19 286
12 인기무료 사진을 한번에 찾을 수 있는 FindA.Photo 관리자 04-25 291
11 사용이 쉽고 강력한 슬라이더 jQuery플러그인 모음8가지 관리자 04-25 299
10 고해상도 무료 이미지를 제공하는 웹사이트 8곳 관리자 04-22 287
9 Composer 한국어 매뉴얼 관리자 04-04 303
8 액티브레코드에 IF문 사용하기 관리자 04-04 310
7 국가별 아이피 대역 msyql 테이블 관리자 04-04 310
6 Atom 필수 플러그인 리스트 (Can’t live without it) +2 관리자 03-20 585
5 sql example 관리자 03-19 274
4 WoT RESTful API 를 위한 지침 관리자 03-11 296
3 Sublime Text 설치 후 초기 세팅하기(기본 플러그인 포함) 관리자 03-09 648
2 PHP & MySql 트랜잭션 처리방법 +1 관리자 03-09 298