본문 바로가기
카테고리 없음

[이클립스] eclipse 플러그인 설치 -컬러테마 / Jquery 플러그인 / Extjs 개발을 위한 Spket 설치

by Dog_발자 2013. 6. 23.
반응형

################################################################
# PHP 개발 이클립스  : helios 기중
################################################################


1. 이클립스 다운 :

 - http://www.eclipse.org/downloads/packages/eclipse-classic-42-rc3/junorc3

 

2. 칼라 테마 플러그인 설치 

- Help > eclipse MarketPlace 

     > Eclipse MarketPlace 선택  > 검색에서 color theme 로 검색 설치

- 칼라테마 설치 후 적용 방법

    > window > preferences 에서 color theme 로 검색


3. javascript,  Jquery 개발 플러그인  :

 - 참고 사이트 : http://warmz.tistory.com/643
 - aptana 업데이트 추가
 - http://download.aptana.org/tools/studio/plugin/install/studio

 - 이클립스내 aptana 홈에서 Plugins Manager 클릭

 - 하단에 Plugins Manager 콘솔 생성 되면 콘솔 오른쪽 편의 Install Aptana Features 실행 후

    필요한 플러그인 선택 설치

 -  이클립스를 재시작 후 jQuery 어시스트를 설정해준다.
    > Window - Preferences - Aptana - Editors - JavaScript - Code Assist
  

 

4. Extjs 개발을 위한 Spket 설치

  - Eclipse 에서 다음 사이트로 플러그인 설치 : http://www.agpad.com/update

   - plug in을 Extjs에 맞도록 설정 : http://spket.com/extjs.html

Create JavaScript profile for Ext 4.x
1.Download Ext 4.x, unzip it, do not delete the src folder..
2.Select the menu item Window > Preferences... to open the workbench preferences.
3.Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles.
4.Click the New.. button. In the Name field, type Ext 4 as the name for the new profile. Then click OK.
5.Click the Add Library button. From the Library drop-down list, select ExtJS. Then click OK.
6.Click the Add File button, choose sdk.jsb3 which can be found in build folder.
7.Select the Ext profile created in step 4, click the Default button make it the default profile for all project. The default profile can also be configured per project by using Configure Project Specific Settings... link.
8.If everything done correctly, your profile should looks like this.
9.Click on OK to save the preferences.
10.Open javascript file with Spket JavaScript Editor. If you not sure which editor you used, take a look at this screen shot. click Ctrl+Space or Alt+/, the code assist window will looks like this if there is no code.

 

반응형

댓글