아톰(Atom) 에디터 설치 및 세팅

아톰(Atom) 에디터란

원래 난 sublime text 에디터만 쓰고 있었는데,

euc-kr 인코딩 문제로 늘 불만 아닌 불만을 갖고 있었다.

그러다 친구가 아톰(Atom) 이라는 에디터가 대세라고 알려주었고, 한번 써봐야겠단 마음에 설치를 했다.

아톰은 GitHub에서 만든 에디터이다.

아톰(Atom) 설치

1. 설치

https://atom.io/ 해당 링크로 들어가면 바로 다운로드 버튼이 있으니, 버튼 클릭 후 실행!

다운 받고 나서 아톰을 실행하면,

2. 단축키 설정

단축키 설정은 ctrl + , 클릭하면 settings 화면이 뜬다.

빨간 테두리가 있는 Keybindings 을 클릭해서 들어가면 기본적인 단축키 설정과

내가 설정한 단축키 리스트 들이 보여진다.

아래는 리스트들이고, 상단에 your keymap file을 클릭하면 새 창이 열리면서 단축키 설정할 수 있는 곳이 뜬다.

이렇게 창이 뜨면 하단에 내가 하고 싶은 단축키를 입력하면 되는데,

sublime text와 하는 방법이 동일하여 참고하며 설정 중이다.

우선,

'atom-text-editor:not([mini])':

이렇게 시작을 하고, (아직은 잘 모르겠는데 보통 이렇게 쓰는듯..?)

'atom-text-editor:not([mini])':

'`': 'emmet:expand-abbreviation'

'ctrl-shift-a': 'emmet:wrap-with-abbreviation'

아래 이런식으로 작성하였는데, 이건 emmet에 관련된 단축키이다.

※ 이건 다른 포스팅에서 차차 올릴 예정 (단축키, 플러그인 같은 경우)

3. 플러그인 설치

아까와 마찬가지로 settings 화면에서 Install 버튼을 클릭하는 방법과,

sublime text 처럼 ctrl+shift+p 로 팔레트를 열어 Install Packages And Themes 로 들어가는 방법이 있다.

그래서 찾고자 하는 플러그인을 다운 받으면 되는데, 우선 난 emmet를 다운 받았다.

※ 이건 다른 포스팅에서 차차 올릴 예정 (단축키, 플러그인 같은 경우)

플러그인 어떤게 좋을지 보려면, https://atom.io/packages 해당 페이지로 들어가서 보면 되는데,

인기있는 플러그인들이 보거나 검색할 수 있으니 유용하게 쓰일 것 같다.

좀 더 자세한 내용은 나도 더 사용해보고 다른 포스팅으로 등록해야겠다^^;

jquery 백분율 계산 (0)	2018.06.14
VSCODE 에디터 설치 및 세팅 (10)	2018.05.24
아톰(Atom) 에디터 설치 및 세팅 (0)	2018.05.17
sublime text3 html 파일 오픈 방법 (0)	2018.04.03
파비콘 설명 및 만들기 (0)	2018.03.19
ios 팝업시 overflow-x:scroll 안되는 문제 (0)	2018.03.15

댓글