실습을 하기위한 SETTTING(1) - 플러그인 테마 설치!

2019. 1. 25. 13:01Programming/Vue.js

오늘은 코딩 실습을 하기위해서 필요한 환경을 SETTING하려는 날~


오늘은 어디까지 할 수 있을 지는 모르겠지마능~~



1. 아톰 설치!


1) 아래 주소에서 다운받아서 설치~!


Download 주소 : https://atom.io/


그러면, 바탕화면에 아래와 같은 그림이 표시된다.





2) Theme를 설정


설치 완료 후에는 Theme를 설정이 필요하다.

따라서, 아래와 같은 화면에서 내가 설치해야할 부분은 총 두 가지!!


① UI Theme - 직관적인 파일 아이콘을 제공하여 파일 구분이 쉽도록 도와주는 테마!

② Syntax Theme - 자바스크립트 코드 구문 강조색의 조합이 잘 되어 있어 코드의 가독성을 높여주는 테마!!






① UI Theme 


UI Theme는 트리메뉴에서 "Install"클릭 후 "seti-ui"를 검색한다.

이 때 표시되는 항목 들 중에서 "seti-ui" 항목의 [install] 버튼을 클릭!!!




② Syntax Theme


Syntax Theme는 트리메뉴에서 "Install"클릭 후 "atom-material-syntax-dark"를 검색한다.

이 때 표시되는 항목들 중에서  "atom-material-syntax-dark" 항목의 [install] 버튼을 클릭!!





이 후 트리메뉴에서 "Themes" 클릭! 표시되는 화면에서 설치한 theme를 선택하면 된다!!




다음시간에 이어서 작성하겠다!!! 

다음시간에는 플러그인 패키지 설치에 대해 작성 예정~

'Programming > Vue.js' 카테고리의 다른 글

실습을 하기위한 SETTING(3)-기타 프로그램 설치  (0) 2019.01.29
실습을 하기위한 SETTING(2)- 플러그인 패키지 설치!  (0) 2019.01.28
MVVM 패턴2  (0) 2019.01.24
MVVM 패턴?  (0) 2019.01.23
Vue.js란?  (0) 2019.01.22