본문으로 바로가기

아톰(Atom) 에디터 사용법(Window 기준)

category IT/프로그래밍 2016. 7. 7. 00:00
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

오늘은 Atom에디터에 대해 알아보겠습니다

 

구글에서 아톰 에디터를 검색하면 Atom의 공식사이트인 http://atom.io 가 나옵니다.

 

 

사이트를 들어가면 바로 Download Windows Installor 라고 적힌부분을 누르면 다운받을수 있습니다.

 

 

Atom Editor를 실행하고 위에 보이는것처럼 File --> Settings를 누릅니다  그러면 다음과 같은 화면이 나옵니다.

 

Packages를 들어가시면 현재 깔려있는 패키지들을 볼 수 있습니다.

 

 

다음 Install는 검색을 통해 유용한 패키지들을 다운 받을 수 있습니다.

 

Atom을 사용하면서 유용한 패키지를 소개해드리겠습니다.

 

linter - 자동으로 문법검사를 해줍니다.

linter-htmlhint - html문법 검사를 해줍니다

linter-jshint - javascript 문법 검사를 해줍니다.

autoclose-html - html태그 작성시 자동으로 종료태그를 넣어준다

select-to-tag - div#test.test 를적고 탭키를 누르면 <div id="test" class="test"></div>를 만들어 줍니다.

emmet - tab키를 통한 유용한 기능들을 사용할 수 있습니다.

'IT > 프로그래밍' 카테고리의 다른 글

HTML5와 시맨틱 태그  (0) 2016.07.08
Node.js 설치 및 접속 실행하기  (0) 2016.07.08
jQuery 노드 다루기 - 4편  (0) 2016.07.06
jQuery 노드 다루기 - 3편  (0) 2016.07.05
jQuery 노드다루기 - 2편  (0) 2016.07.04