MacOS

Text Editors) Notepad+ 대체 텍스트 에디터 ATOM 사용기 / prettier 설치하기

summerorange 2022. 5. 10. 18:30
반응형

지난 번에 이어서 윈도우용 무료 에디터 노트패드를 대체할 맥용 텍스트 에디터로 sublime Text 에 이어 ATOM 도 있습니당.

Front 쪽으로 코드를 짤 때 많이 사용하고, 또 무료에다가 깔끔한 인터페이스를 가지고 있습니다.

요기에 들어가서

https://atom.io/

 

A hackable text editor for the 21st Century

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

atom.io

ATOM-Homepage

프로그램명만 들었을 때는 아.. 물리 짤 때 쓰는 프로그램이라고 생각했습니닼ㅋㅋ 깔끔한 인터페이스에 깃허브에서 보는 고양이 처럼 생긴 캐릭터가 있습니다.

저기에서 Download하고 설치하면 됩니다. 중간에 모두 동의 눌러서 캡쳐가 없네요...

ATOM-Text-Editor

text editor for 21st century 라고 쓰여져 있습니다. 21세기의 텍스트 에디터 툴...! 깃이랑 깃허브 버전 관리도 지원하고, 그 외 패키지 설치도 할 수 있다고 나옵니다.

일단 웰컴 가이드는 일단 닫아주고... prettier을 설치하겠습니다. prettier은 인덱스 관리 안해도 자동으로 탭이나 들여쓰기를 관리해주는 패키지를 말합니당. 

설정으로 들어가줍니다. atom-preferences - setting으로 들어가서,

install - prettier-atom이라고 검색하기

prettier-atom

저기에서 하단의 prettier-atom install을 클릭!

설치가 끝나면 다음과 같이 packages-prettier이 나옵니다. 여기에서 format 클릭 혹은 control + command + f

그럼 html 코드가 다음과 같이 예쁘게 정리됩니다.

 

Text Editor로 지금까지 Visual Studio Code, Sublime Text, JupyterNotebook, Xcode, 추가로 Atom을 써보고 있습니다.

Atom은 프로그램이 무겁지 않은 느낌이 들어서 좋습니다. 인터페이스도 멋지고, 상당히 유용하고, 게다가 무료라서. 이런 프로그램은 언제 유료화될지 모르니 미리미리 써두면 좋을 것 같습니다ㅎㅎ

끗!

반응형