WEB개발이야기
Atom 에디터의 유용한 패키지 정리
어쩌다보니여기까지~
2018. 7. 10. 23:33
반응형
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 | 프로젝트 형식으로 매니징을 해 줌 |