실습을 하기위한 SETTING(2)- 플러그인 패키지 설치!

저번 SETTING(1)은 테마를 설치했다면 오늘은 아래 package들을 설치할 예정이다~!!

왼쪽 트리 화면에서 [Install]  클릭. 그런 다음, 아래 그림처럼 패키지 검색 후 install~!

마찬가지로 아래 항목들을 순서대로 설치하자~

1) atom-beautify

indent(들여쓰기)를 맞추는 기능 외 코드를 개발자가 보기 편하게 수정해주는 기능을 가짐

2) autoclose-html

시작테그를 작성하는 순간, close 테그를 작성해주는 기능을 가짐

- ex) <div> 입력 시 -----> </div> 생성

3) highlight-selected

선택된 테그에 대해서 강조해줌

-  ex) 코드가 주구절절 많은 경우 </div> 선택 시 </div>와 연결된 <div>를 강조하여 알려줌

4) color-picker

color에 대해서 RGB 값을 확인한 후 바로 코드로 입력할 수 있도록 하는 기능

- ex) color: RGB(204,0,0)

5) javascript-snippets

단축키를 이용하여 코드 작성에 도움을 주는 기능

- ex) console.log( )

6) language-vue

.vue 파일의 기본적인 구조를 템플릿화하여 코드를 자동완성해주는 기능

7) platformio-ide-terminal

아톰 내부에서 터미널 창을 표시할 수 있도록 하는 기능

- ex) 아래 그림 참고