[웹스톰(WebStorm)] 설치 + Monokai 사랑해

웹스톰 써봐야지 마음만 먹다가 드디어 포스팅 합니다.

사실 앞전에 사용해 봤던 패키지 설치형 에디터들과는 다른 느낌이라서 여태 간만 본거 같습니다.

이 웹스톰 은 일단 '유료' 입니다.

2018년 6월 12일 기준으로 1년에 US$   59.00 한화 약 6만 3,543 원 정도의 금액을 지불해야 한다고 하네요.

개인용 기준입니다. 기업용은 약 14만원 정도 합니다.

웹스톰 정도의 IDE 라면 이정도 개인용 가격이 크게 부담스럽지는 않은거 같습니다.

1. 웹스톰의 설치는 다음의 주소에서 진행할 수 있습니다.

https://www.jetbrains.com/webstorm/?fromMenu

중앙에  DOWNLOAD  라는 버튼을 눌러 주시면 다운로드가 진행됩니다. 

2. 이렇게 다운로드를 받고 설치 파일로 설치를 하시면 다음과 같은 화면이 뜹니다.

맨 위에 두개는 바탕화면에 바로가기 아이콘을 만들래? 하는 부분입니다. 자신에게 맞는 바로가기 아이콘이 필요하다면 해당 부분에 체크해 줍니다.

아래 3개의 체크박스는 .js 파일, .css파일, .html파일 을 웹스톰으로 열 수 있게 연결시켜 줍니다.

본인의 입맛에 맞게 체크하신 뒤 사용하시면 될듯 합니다.

3. 설치가 완료가 됐다면 바탕화면에 이런 아이콘이 생깁니다.

물론. 상단에 체크를 하셨다면요. 체크를 안하셨다면 윈도우 키를 눌러서 프로그램 및 파일검색에 'webstorm' 을 검색해 줍니다.

4. 웹스톰을 실행시키면 다음과 같은 창이 열립니다.

이건 이전에 사용하던 설정이 있다면 그 설정을 가져올래? 라는 부분입니다.

저는 지금 완전 처음 설치하는거라 두번째 'Do not import settings' 를 눌렀습니다.

5. 이용약관 내용입니다.

영어가 짧아서 무슨말인지 모르겠습니다.

그냥 Accept(동의) 버튼을 눌러 줍니다.

6. 웹스톰 라이센스 등록 부분 입니다.

Activate 부분은 웹스톰을 구매했다면

3가지 방법으로 라이센스를 활성화 할 수 있습니다.

- 제트브레인 계정, - 활성화 코드, - 라이센스 서버

7. 저는 무료평가 버전을 선택했습니다.

Evaluate for free 를 선택하면 이메일 주소를 입력하고 30일 체험판을 사용할 수 있습니다.

8. 평가판을 시작하기 전에 동의 하라는 창이 하나 더 뜹니다.

... 그냥 눌러 줍니다!

9. 드디어 웹스톰 처음 모습입니다.

그러면 정중앙에 뭔가 조그마한 창이 하나 열려있습니다.

- 키 배열

- IDE 테마

- 에디터 컬러 그리고 폰트

▶ 클릭해서 미리보기

이런식의 창이 나옵니다.

10. 일단 Click to preview(미리보기) 를 먼저 눌르고 난 후 키배열과 IDE 테마 는 그냥 놔두었습니다. 

다만 익숙한 에디터 컬러인 Monokai 만큼은 포기 못하겠더라구요. 저는 이게 제일 좋습니다. 여러분은 여러분 입맛대로 선택해 보시길 바랍니다.

11. 호오... 선택을 했더니...

음... 바뀐건지 안바뀐 건지 모르겠어요. 그래서 일부러 프로젝트 아무거나 등록해 놓고 열어봤더니

Monokai가 아니더라구요.

그래서 다시 셋팅을 열었습니다.

하단의 Configure 버튼을 누르면 맨 위에 Settings 가 보입니다.

눌러 봅니다.

12. 메뉴가 많더라구요.

Appearance & Behavior -> Appearance 순으로 접근하면 다음과 같은 모습이 열립니다.

Theme를 Daracula 로 바꿔주고 우측 하단의 Apply 버튼을 눌러서 적용시켜 줍니다.

검색해 보니 웹스톰 이용자들이 가장 많이 사용하는 테마라고 하더군요.