본문 바로가기
TIP

Atom Setting

by 강깅꽁 2017. 10. 12.

 

emmet깔고 자동완성 기능 안될 때

 

 

file->Keymap

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

  'tab': 'autocomplete-plus:confirm'

 

.vue 확장자에서 emmet자동완성 쓸 때

 

 

file->Keymap

'atom-text-editor[data-grammar~="vue"]:not([mini])':

    'tab': 'emmet:expand-abbreviation-with-tab' 

 

example:

'atom-text-editor[data-grammar~="vue"]:not([mini])':

  'tab': 'emmet:expand-abbreviation-with-tab'

  

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

  'tab': 'autocomplete-plus:confirm'

 

'atom-text-editor':

  'ctrl-1' : 'editor:move-to-beginning-of-line'

 

  'ctrl-2' : 'editor:move-to-end-of-line'

 

순서 중요 

 

Atom Packages 추천

color-picker //색상 고르기 편하다.

emmet // html 태그를 여러개 생성할 때도 편하고 강력한 기능이 많다.

atom-runner// atom에서 node를 실행시킬 수 있다. node.js 실행 시키는 용도로 쓴다.

atom-quokka // js를 실시간으로 실행시켜서 변수의 값 등을 확인할 수 있게 해준다. node.js가 깔려 있어야 함

language-vue // vue 지원

markdown-preview-plus // markdown으로 작성된 파일의 결과를 볼 수 있음

 

https://gist.github.com/chrissimpkins/5bf5686bae86b8129bee // 다양한 단축키들

 

 

Keyboard shortcut

Alt+\(역슬래시) tree view <-> 켜져있는 패널

ctrl+/(슬래시) 주석 처리 또는 주석 삭제(토글)