Eclipse JavaScript 편집기 : 컨텐츠 지원 JS 파일, 자동 완성

StackOverflow https://stackoverflow.com/questions/1006934

문제

나는 Eclipse (Javaee 및 Web Development Plugins)를 Javaee/GoogleAppengine IDE로 시도하고 있습니다. HTML 편집기에서 a <script ... src="..." /> 안에 <head> 참조 파일에서 자동으로 JavaScript에 대한 컨텐츠 어시스트를받습니다. JavaScript 편집기 내부의 다른 JavaScript 파일 (예 : jQuery 또는 Homebrew JS 라이브러리)에 대한 컨텐츠 지원을 얻을 수 있는지 궁금했습니다.

도움이 되었습니까?

해결책

방금 JS 컨텐츠 지원을 얻는 방법을 알아 냈습니다. Eclipse JavaScript 편집기 (Aptana 플러그인 없음) :

프로젝트 유형에 기본적으로 JavaScript 지원이 포함되어 있지 않은 경우 : Open Web (또는 JavaScript) 관점에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 선택하십시오. 웹 개발 지원 > JavaScript 지원을 추가하십시오 (JavaScript 지원이 이미 존재한다면 이것은 아프지 않을 것입니다)

그런 다음 마우스 오른쪽 버튼을 클릭하십시오 자바 스크립트 지원 프로젝트 내에서 선택하십시오 속성, JavaScript 섹션에서 JavaScript 라이브러리로 이동 한 다음 소스 탭을 선택하십시오. 여기에서는 현재 프로젝트에 대한 컨텐츠 지원으로 스캔 할 폴더와 파일을 추가 할 수 있습니다.

~ 안에 Aptana Studio (Eclipse 플러그인으로서 독립형 버전이 거의 동일하다고 생각합니다) : JS 또는 HTML 파일을 열고 표시하십시오. 참조 Window (또는 Eclipse에서 Aptana Perspective) 및 Drag-Drop JS 파일을 JavaScript 범위에 추가하려는 Drag-Drop JS 파일 (다른 JavaScript 파일 및 리소스로 다른 범위 프로파일을 빌드하고 활성화 할 수 있습니다. 프로필을 추가하십시오 창 도구 모음에서)

다른 팁

이모 aptana JS 편집을위한 최고의 Eclipse 플러그인입니다. 여기에는 jQuery, Yui, Dojo 등과 같은 많은 주요 라이브러리에 대한 지원이 포함됩니다.

스켓, 그러나 또한 좋습니다. Firefox Extension Development를 수행하는 경우 대부분 (약간의 구제를 얻는 경우)

내장 JS 편집기는 끔찍합니다. 분명히 없을 때에도 사방에 오류가 있다고 주장합니다.

Aptana Studio 3 : (일식 테스트 용 플러그인)

관심있는 라이브러리를 찾으십시오 ... 디스크에 저장 한 다음 프로젝트로 드래그하십시오. 프로젝트의 위치는 중요하지 않으므로 원하는 경우 이와 같은 파일 용 새 폴더를 만들 수 있습니다.

!! 프로젝트는 웹, PHP, Python, Ruby, Rails의 일부 유형의 웹 프로젝트 여야합니다.

http://wiki.appcelerator.org/display/tis/using+javaScript+Libraries

Eclipse Juno 4.2 및 Aptana Studio 3 및 JQuery (JQuery-1.7.2.js)

나는이 일을했고 위의 경고를받은 Magjis 답변을 경고를 받았다.

위의 Magjis에 따라 미니스트 jQuery 라이브러리를 기존 프로젝트의 하위 폴더로 삭제하는 것은 나에게 효과가 없었습니다. 새로운 프로젝트를 만들고 압축되지 않은 라이브러리를 사용한 후에 나에게 효과가있었습니다.

더 이상 사용되지 않은 Aptana 대화 상자를 참조하고 현재 Eclipse 버전과 관련이없는 정보를 제공하는 SO 및 기타 곳에 수십 개의 구식 게시물이 있습니다. 내가 아는 전부는 Eclipse Juno 4.2, Aptana 3 및 JQuery 1.7.2의 경우 다음은 다음과 같습니다 (적어도 나에게).

Aptana 플러그인이 설치되어 있고 웹 관점에 있는지 확인하십시오. 그것이 Aptana 스튜디오 관점이 불리는 것입니다 ... 그들이 'aptana'라는 단어를 가진 것을 명명했다면 덜 혼란 스러울 것입니다.

기본 편집기가 'JavaScript 소스 편집기'인지 확인하십시오. Window-> 환경 설정 -> 일반 -> 편집자 -> 파일 연결 및 목록에서 .js 확장자를 선택하십시오. 아래 목록 상자에는 하나 이상의 옵션이 있습니다. 다른 편집기를 사용하면 코드 색상을 제공하지도 않았습니다 ... 이것은 코드 어시스트를 얻을 수있는 유일한 것입니다.

위의 Magjis의 조언을 따르기 전에이 작업을 수행 했으므로 필요한지 모르겠습니다. 그러나 아래와 같이 jQuery Ruble을 설치했습니다.http://wiki.appcelerator.org/display/tis/javaScript+Library+Support#javaScriptLibrarysupport-jquery%28

그런 다음 위의 Magjis의 답변을 설명하려면 : 새 프로젝트를 만들고 jQuery-1.7.2.js를 프로젝트 탐색기의 프로젝트에 삭제하고 나타난 대화 상자에서 파일 옵션에 대한 링크를 선택하여 jQuery-1.7.2.js를 추가하여 압축되지 않은 JQuery 라이브러리를 추가하십시오. 프로젝트 루트의 /js 폴더에서 jQuery-1.7.2.js에 연결했습니다. JQUERY1.4.2.SDOCML을 프로젝트에 넣고 파일에 복사하거나 링크하도록 선택하십시오. 파일을 프로젝트의 루트에 복사했습니다.

더 많은 의견을 제시 할 수 있다면, 돌이켜 보면 2 개월 전에 일식을 포기하고 메모장 ++에 갇히거나 더 얇고, 더 빠르고, 더 안정적인 PHP/JS/HTML/CSS 환경을 찾는 데 시간을 보냈 으면 좋겠다.

면책 조항 저는 Tern.java의 저자입니다.

나는 당신에게 제안합니다 Tern.java를 설치하십시오 많은 현대식 JavaScript 프레임 워크 (jQuery, jQuery UI, JQuery Mobile, Yui, Dojo, Cordova 등)에 대한 JavaScript 지원 (완료, 호버, 하이퍼 링크, 검증)을 향상시키기 위해 JSDT를 확장하십시오. 제 2 모듈

나는 많은 제안에서 시도하고 실패했습니다. 포기하려면 나는 이것을 발견했다 :

  1. Eclipse Market Place에서 JSDT JQuery를 검색하고 설치하십시오. JSDT jQuery 1.5.0을 발견했습니다.
  2. 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 빌드 경로를 구성하십시오 (작업 공간 레벨이기도합니다).
  3. JavaScript로 이동> 경로 포함 및 JavaScript 라이브러리 추가를 클릭하십시오 ...
  4. jQuery를 선택하십시오. 이것은 v1.8 지원입니다. 나는 보았지만 더 새로운 것을 찾을 수 없었습니다.
  5. 일식 및 비올라를 다시 시작하십시오.

마지막으로, 맞습니까?!

Aptana Studio에 대한 JavaScript 유효성 검사 활성화 3.2 :

  1. 창 -> 환경 설정 -> 유효성 검사
  2. JavaScript를 선택하고 jslint를 활성화하십시오
  3. 프로젝트 -> 속성 -> 프로젝트 본성
  4. 웹을 선택하십시오 (및 원하는 다른 것)
  5. 창 ->보기보기 -> 문제
  6. 파일을 저장하면 문제가 경고로 가득 차 있어야합니다.
  1. 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 속성을 선택하십시오.
  2. JavaScript 확장 -> 포함 경로.
  3. 라이브러리 탭에서 "JavaScript 라이브러리 추가"를 클릭하십시오.
  4. "사용자 라이브러리" -> "사용자 라이브러리 구성"을 선택하십시오.
  5. 필요한 모든 .js 파일을 추가하고 확인을 클릭하고 프로젝트 빌드가 완료 될 때까지 기다립니다.
  6. 자신의 .js 파일을 편집 할 때 추가 한 모든 라이브러리 파일에서 코드가 완료되어야합니다.

Adding .js Libraries to your project

최근 Eclipse 버전 (Indigo SR2와 같은)의 경우 GAE 프로젝트에서 jQuery에 대한 코드 지원을 얻으려면 두 가지 작업을 수행해야합니다.

  1. 프로젝트를 JavaScript 프로젝트로 구성하여 : 마우스 오른쪽 클릭 -> 구성 (속성 바로 위) -> JavaScript 프로젝트로 변환

  2. Butterworth 씨와 같이 바로하십시오 jQuery 자동 완성 JSDT jQuery 플러그 깅을 설치하고 프로젝트의 JavaScript 리소스에 jQuery를 추가하십시오.

최신 Eclipse Kepler 릴리스의 경우 어떤 옵션을 고려해야 할 옵션이 하나 더 있습니다. Vjet Javascrip Ide. 원래 eBay에서 개발되었으며 최근 Eclipse Foundation에 기여했습니다. 여전히 인큐베이션 단계이지만 야간 업데이트 사이트에서 설치할 수 있습니다. 초기 기능은 'vjet : javaScript 툴킷'제안에 설명되어 있습니다. 다양한 JS 라이브러리에 대한 JavaScript 편집기에서 컨텐츠 어시스트를 제공합니다.

  • node.js
  • jQuery
  • 도조
  • JSON
  • 캔버스

~을 통해 Vjet Anvils 프로젝트 작업 공간으로 가져옵니다.

다른 답변에 대한 보완으로서 나는 일식 Jshint 플러그인. 프로젝트 환경 설정을 통해 구성 할 수 있으며 매력처럼 작동합니다. JavaScript 편집기에 추가 경고가 표시됩니다.

또한 일식에 도움이되므로 기능보다 JSDOC를 작성하는 것이 좋습니다.@memberOf, ctrl+o를 사용하여 탐색 할 수 있습니다).

Eclipse Support가 성숙하고 (2015), TypeScript가 입력되고 IDE가 혜택을 누릴 수 있으므로 TypeScript로 이동할 수도 있습니다 (Autocompletion은 매력처럼 작동합니다. Palantir).

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top