이 영역을 누르면 첫 페이지로 이동
소소한 인생 블로그의 첫 페이지로 이동

소소한 인생

페이지 맨 위로 올라가기

소소한 인생

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

  • 2018.05.17 16:46
  • 프로그래밍

아톰(Atom) 에디터란



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

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


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


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


아톰(Atom) 설치



1. 설치


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

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

Register as default atom:// URI handler 이렇게 쓰여진 작은 팝업하나 뜨는데 그때 Yes 클릭하면 된다.


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
sublime text3 html 파일 오픈 방법  (0) 2018.04.03
파비콘 설명 및 만들기  (0) 2018.03.19
ios 팝업시 overflow-x:scroll 안되는 문제  (0) 2018.03.15

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • jquery 백분율 계산

    jquery 백분율 계산

    2018.06.14
  • VSCODE 에디터 설치 및 세팅

    VSCODE 에디터 설치 및 세팅

    2018.05.24
  • sublime text3 html 파일 오픈 방법

    sublime text3 html 파일 오픈 방법

    2018.04.03
  • 파비콘 설명 및 만들기

    파비콘 설명 및 만들기

    2018.03.19
다른 글 더 둘러보기

정보

소소한 인생 블로그의 첫 페이지로 이동

소소한 인생

  • 소소한 인생의 첫 페이지로 이동

검색

메뉴

  • 홈
  • 태그

카테고리

  • 분류 전체보기 (174)
    • 일기 (52)
    • 여행 (36)
    • 추억 (64)
    • 프로그래밍 (22)

최근 글

인기 글

댓글

공지사항

아카이브

태그

  • #몽골
  • #13박14일
  • #CSS
  • #공연
  • #sublime text
  • #1박2일
  • #등산
  • #맛집

정보

_sunny의 소소한 인생

소소한 인생

_sunny

방문자

  • 전체 방문자
  • 오늘
  • 어제

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. © _sunny. Designed by Fraccino.

티스토리툴바