초보자를 위한 압타나 스튜디오 3 [Aptana studio 3] 설치 및 기본설정
가벼운 에디터가 좋긴한데 그래도 가장 많이 켜게되는 툴은 aptana인것 같습니다.
무겁긴 하지만 그만큼 잘 만들었다는 느낌이 드는데.. 사실 sublime이나 notepadd++로하나 다 똑같습니다.
한가지 차이점은 aptana는 terminal이 있어 따로 bash를 사용하지 않고 git을 바로 사용할 수 있다는 점이 있습니다.
아무튼 어제 새벽에 윈도우를 새로 깔면서 다시 이것저것 셋팅하다 aptana도 검색해서 설정하는게 귀찮아서 다음제 저도보고 여러분들도 보면 좋을 것 같아서 간단하게 정리해서 올립니다.
- aptana 설치
- theme 셋팅
- web browse 설정
- emmet plugin 설치
1. Aptana 설치
간단합니다. http://www.aptana.com/products/studio3/download 여기에서 standard version을 다운받아 주시면 됩니다.
설치파일을 받은 후에 실행해서 쭉쭉 설치해주시면 설치끝~!
실행하면 아래와 같이 worksapce 설정해주는 화면이 뜨는데 설정해 주실 분들은 해당폴더 정하고 다음부터 묻지않기 체크해 주시고 ok누르시면 됩니다.
실행화면 입니다. 이제 간지나게 테마와 폰트를 설정하고 젠코딩 플러그인을 설치해 보겠습니다.
2. theme 셋팅.
처음 파일을 생성해보면 흰바탕의 기본 테마가 적용되어 있습니다.
Window -> Preferences 에서 상단 입력필드에 theme라고 입력합니다.
그러면 Aptana Studio > Themes 라고 보이는데 이부분을 크릭하고 해당 창에서 Overall Theme로 Aptana전체 테마를 선택한 다음 하단의 Editor Theme에서 실제 작업영역의 테마를 한번더 선택해 줍니다.
저는 Overall Theme를 Dark Studio로하고 Editor Theme도 어두운 계열로 맞춰서 전체적으로 검은색 테마로 셋팅했습니다.
본인의 취향에 맞게 셋팅할 수 있지만 궂이 손댈 필요는 없을 것 같습니다.
폰트는 Monaco로 설정해 줬고 모니터가 작아서 9pt로 맞췄습니다.
OK버튼을 누르면 아래와 같이 멋지게 변경된 모습을 보실 수 있습니다.
3. web browse 설정
브라우저 설정역시 Window -> Preferences 에서 가능하지만 쉽게 바로할 수 있는 방법으로 설정 해보도록 하겠습니다.
가운데 초록색 플레이버튼 같은 옆에 ▼를 누르면 아래와 같은 화면을 보실 수 있습니다. Run Configurations를 눌러줍니다.
그러면 아래와 같은 화면이 나타나는데 여기서 사용할 브라우저를 교체해 주시면 됩니다.
저는 미리 해놔서 좌측에 Chrome과 IE가 셋팅이 되어있는데 편하신 걸로 설정해 주시고 Run을 눌러보면 해당 브라우저를 뜨는 것을 확인하실 수 있습니다.
그 다음부터는 초록색 Run 버튼을 눌러 원하는 브라우저중 하나를 클릭해 주시면 바로 확인이 가능합니다.
4. Emmet
프론트 개발자들에게 필수 플러그인인 젠코딩 플러그인을 설치해 보겠습니다.
Help -> Install New Software -> Work with 에 http://emmet.io/eclipse/updates/ 해당 url을 넣고 Add.. 버튼을 클릭한 다음 name필드를 emmet라고 채워 줍니다. (name은 적절한 이름을 넣으면 됩니다)
그리고 아래 캡처화면과 같이 emmet를 체크해주시고 next버튼을 눌러 순서대로 진행해 주시면 젠코딩 설치 끝!
보통 ctrl + E가 확장 단축키니 눌러서 테스트 해보시길 바랍니다.
이상 Aptana Studio3 기본 사용 셋팅을 마무리 했습니다. 이정도면 대부분의 web 프로젝트 진행에는 충분합니다.
그리고 별거 아닌거 같지만 저같은 초보들은 프로그래밍 맛보기도전에 이런 개발툴이나 환경설정 때문에 흥미를 잃는 경우가 있어서
혹 Aptana 사용이 서툴거나 개발이 처음이신분들을 위해서
- 로컬 프로젝트 생성하는법,
- 리모트서버에 있는 프로젝트를 로컬 프로젝트로 불러들이는법,
- ftp접속하는법
정도는 요청 주시면 포스팅해서 올리도록 하겠습니다.
다들 즐거운 코딩하세요~ ^^
Pingback: html 5_ | 인터렉션_수업연계 블로그()
Pingback: onepage html | 인터렉션_수업연계 블로그()