Atom 에디터의 유용한 패키지 정리
github에서 만든 무료 Atom 에디터에서 기본적으로 설치해야 할 Packages(플러그인)을 정리해 봤습니다.
===
Packages
| used | Package | Website | 설명 |
|---|---|---|---|
| O | sync-settings | https://atom.io/packages/sync-settings | Atom에디터의 설정을 저장해서 어디에서든 동일한 환경으로 에디팅을 할 수 있게 해줌 |
| O | atom-beautify | https://atom.io/packages/atom-beautify | HTML, CSS, JavaScript, PHP의 코드 정렬 |
| O | color-picker | https://atom.io/packages/color-picker | 에디터에서 바로 컬러값을 보고 선택할 수 있음 |
| O | Remote-FTP | https://atom.io/packages/Remote-FTP | 서브라임텍스트의 SFTP와 비슷한 역활. 아직은 아쉽지만 Atom에서는 아직까지는 최선인듯 |
| O | docblockr | https://atom.io/packages/docblockr | 코드 문서화 도구. 주석처리 코드를 일정하게 해서 문서화에 도움을 줌 |
| O | emmet | https://atom.io/packages/emmet | 코드단축키. 프론트앤드 개발자에게는 필수정인 패키지 임 |
| O | file-icons | https://atom.io/packages/file-icons | 트리메뉴 및 탭에서 파일확장자를 기준으로 아이콘을 붙혀줌으로써 파일을 직관적으로 보여줌 |
| O | highlight-selected | https://atom.io/packages/highlight-selected | 내가 선택한 단어를 에디터에서 찾아 모두 표시해 줌 |
| O | pigments | https://atom.io/packages/pigments | 코드에 있는 컬러값을 실제 컬러색상으로 보여줌 |
| O | less-autocompile | https://atom.io/packages/less-autocompile | LESS로 작성된 코드를 문서상단에 설정한 대로 CSS로 자동번역하여 저장하여 줌 |
| O | linter | https://atom.io/packages/linter | 코드편집 중 실시간으로 오류 부분을 찾아 표시해 줌 |
| O | markdown-writer | https://atom.io/packages/markdown-writer | Markdown으로 static blogging을 할 수 있게 해줌 |
| O | project-manager | https://atom.io/packages/project-manager | 프로젝트 형식으로 매니징을 해 줌 |
![가성비 끝판왕 게이밍 데스크탑[HP OMEN GT12-1002KR]](https://stories.pe.kr/wp-content/uploads/2026/02/img-32-768x341.png)