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 프로젝트 형식으로 매니징을 해 줌