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+/(슬래시) 주석 처리 또는 주석 삭제(토글)