hubring

Atom 설치하기 본문

Javascript/Vue.js

Atom 설치하기

Hubring 2019. 4. 14. 22:54

1. 아톰 설치

https://atom.io/

 

A hackable text editor for the 21st Century

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

atom.io

 

2. 아톰 테마 설정

seti-ui 테마 : 직관적 파일 아이콘을 가져 파일 구분이 쉬움, 색조합이 튀지 않음 

Window : File -> Settings

Mac : Atom -> Preferences

install 탭 선택 -> 패키지 검색 창 옆 Themes 버튼 클릭 -> seti-ui 입력

install 버튼 클릭하여 설치

 

4. Syntax 테마 설정

atrom-meterial-syntax-dark: javascript 코드 구문 강조색의 조합이 좋아 가독성을 높임.

위 방식과 동일

install 탭 선택 -> 패키지 검색 창 옆 Themes 버튼 클릭 -> atrom-meterial-syntax-dark 입력

 

5. 테마 적용

Themes 탭 선택 -> UI Theme 클릭 Seti 선택 -> Syntax Theme 클릭 Atom Meterial Dark 선택

 

6. Vue 패키지 설치

install 탭 선택 -> 패키지 검색 창 옆 Packages 버튼 클릭 -> language-vue 입력

처음 설정할 경우 아톰 에디터를 종료 후 다시 실행해야 패키지가 적용됨

 

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

[Vue] Vuex 란?  (0) 2019.05.06
[Vue] Vue 인스턴스  (0) 2019.04.14
[Vue.js] 뷰 개발자 도구 설치  (0) 2019.04.08
'Javascript/Vue.js' Related Articles more