Categories: 웹 프로그래밍

아톰(atom) 웹개발 에디터 다운로드와 플러그인 패키지 emmet 설치방법

저는 요즘 html과 css 공부를 하고 있는 중인데요. html문서는 윈도우에 기본 포함되어 있는 메모장으로도 만들 수 있습니다. 그러나 태그를 열고 닫는데 있어서 빠드리는것들도 있고 반복적으로 써야하는 내용들도 많이 있어서 내가 태그를 열면 프로그램이 알아서 닫아주면 좋겠다라는 생각을 많이 합니다. 그런데 좋은 웹개발도구 프로그램들은 그런 기능들을 지원하고 있었네요.
제가 설치한 웹개발 에디터는 아톰(atom)입니다. 무료프로그램이니 누구나 다 사용하실 수 있는데요. 아톰 홈페이지(atom.io)에 접속 후 화면에 보이는 Download Windows 64-bit Installer 버튼을 클릭하면 실행파일을 다운받을 수 있습니다. 다 받으면 설치를 시작하면 되죠.

아톰 패키지 플러그인 에밋(emmet) 설치하는 방법

에밋을 설치하면 내가 html만 입력하고 엔터를 쳐도 태그를 열고 닫는 것까지 자동으로 해줍니다. 그외 여러 태그들도 마찬가지고요. 그래서 저도 에밋을 설치했는데 그 방법을 모르는 분들이 많은 것 같아서 적어보려고 합니다.

  1. 아톰(atom) 실행
  2. file-settings 선택(맥MAC에서는 Preference)
  3. 왼쪽 메뉴에서 Install 선택
  4. Package 검색하는 곳에서 emmet 검색
  5. 검색 후 나오는 목록에서 Install 클릭

에밋 사용방법은 간단합니다. 더 많은 기능도 있겠지만 태그이름을 입력하고 엔터를 쳐보시면 됩니다. 혹시나 html을 쓰고 엔터를 쳤는데 아무 변화가 없다면 아톰을 껏다가 재실행해보시면 될 것입니다.

DDable

Share
Published by
DDable

Recent Posts

피부관리 초보가 알아야할 것

난 지금껏 로션도 안바르고 선크림도 안바르던 사내였음. 하지만 시간도 남고 하다보니 피부관리에 관심이 생겼음. 피부에…

2일 ago

여드름, 턱드름, 화농성, 민감성, 예민한 피부 해결방법 알려줄테니 들어오셈

어찌보면 간단함 아래에 알려주는 돈 안들고, 지속가능한 것부터 실행해보셈 1.클렌징폼 안쓰기 2.세안은 클렌징밀크로만 하기 3.아침세안은…

5일 ago

남자가 연락안한다고 보채면 안되는 이유 연락안하는 남자

여자는 남자가 연락을 잘 안한다고 보채면 안된다. 당연히 연애초반에는 연락이 잘 안되긴 힘들다. 서로 텐션이…

3주 ago

남자는 외모로 여자를 꼬실 수 없을정도가 적당한것 같다 25.4.1

여자가 남자를 조심해야하듯 남자 역시 여자를 조심해야한다. 요즘은 성형이 많은 시대라 예쁜여자, 잘생긴 남자가 엄청…

3주 ago

너의 이야기를 진지하게 듣지 못했다 25.3.28

미안하다. 너의 고민, 마음속에 있던 이야기를 꺼냈는데 나는 진지하게 듣지 못했다. 진지하게 너에 대해 알아보려고…

4주 ago

피부과 관리 시술 2주차 (총12주 프로그램)

1주차에는 레이저토닝을 했었다. 수염제모 프로그램도 같이 해서 이것도 1주차에 하긴 했음. 드디어 2주차가 됐는데 이번에는…

1개월 ago