Eclipse JavaScript Editor: помощник по содержимому для js-файлов, автозаполнение - PullRequest
39 голосов
/ 17 июня 2009

Я пробую Eclipse (с плагинами JavaEE и веб-разработки) как IDE JavaEE / GoogleAppEngine. В редакторе HTML, если я добавлю <script ... src="..." /> в <head>, я автоматически получу помощь по содержимому для JavaScript в указанном файле. Мне было интересно, можно ли получить помощник по содержимому для других файлов JavaScript (например, jQuery или homebrew js library) в редакторе JavaScript.

Ответы [ 11 ]

31 голосов
/ 17 июня 2009

Я только что понял, как получить JS Content Assist в Редактор Eclipse JavaScript (без плагинов Aptana):

Если тип проекта изначально не поддерживает JavaScript: откройте веб-(или JavaScript) перспективу, щелкните проект правой кнопкой мыши и выберите Поддержка веб-разработки > Добавить поддержку JavaScript (это не повредит, если поддержка JavaScript уже присутствует)

, затем щелкните правой кнопкой мыши Поддержка JavaScript в проекте и выберите Свойства , в разделе JavaScript перейдите в библиотеку JavaScript и выберите вкладку Источник: здесь вы можете добавить папки и файлы в быть отсканированным помощником по содержимому для текущего проекта


В Aptana Studio (как плагин Eclipse, но я полагаю, что автономная версия почти такая же): откройте любой файл js или html, покажите References окно (или откройте перспективу Aptana в eclipse) и перетащите js-файлы, которые вы хотите добавить в область JavaScript (можно создавать и активировать различные профили области с различными файлами и ресурсами JavaScript: просто нажмите добавить профиль на панели инструментов окна)

8 голосов
/ 17 июня 2009

IMO, Aptana - лучший плагин Eclipse для редактирования JS.Он включает поддержку многих основных библиотек, таких как jQuery, yui, dojo и т. Д.

Spket , но также хорош.Хотя, в основном, если вы разрабатываете расширения для Firefox (хотя и немного устарели)

Встроенный редактор js ужасен.он утверждает, что есть ошибки повсюду, даже если их явно нет.

4 голосов
/ 12 июня 2015

Отказ от ответственности Я автор tern.java.

Я предлагаю вам установить tern.java , который расширяет JSDT для улучшения поддержки JavaScript (завершение, наведение, гиперссылка, проверка) для многих современных сред JavaScript (jQuery, jQuery UI, jQuery Mobile, YUI, Dojo, Cordova и т. Д.) См. Полный список модулей tern

4 голосов
/ 05 августа 2012

Для Eclipse Juno 4.2 и Aptana Studio 3 и JQuery (jquery-1.7.2.js)

Я получил этот рабочий и голосование против мажисов выше с оговоркой.

Перетаскивание минимизированной библиотеки JQuery, как указано выше, в подпапку существующего проекта, мне не помогло. Это сработало для меня после создания нового проекта и использования несжатой библиотеки.

Существуют десятки устаревших постов в SO и других местах, которые ссылаются на устаревшие диалоги Aptana и предоставляют информацию, не относящуюся к текущей версии Eclipse. Все, что я знаю, это то, что для Eclipse Juno 4.2, Aptana 3 и JQuery 1.7.2 вот что работает (по крайней мере для меня):

Убедитесь, что у вас установлен плагин Aptana и вы находитесь в веб-перспективе. Это то, что называется перспективой Aptana Studio ... было бы менее запутанным, если бы они назвали это как-то, в котором было бы слово «Aptana».

Убедитесь, что вашим редактором по умолчанию является «Редактор исходного кода JavaScript». Установите это в «Окно» -> «Настройки» -> «Основные» -> «Редакторы» -> «Ассоциации файлов» и выберите расширение .js в списке. В списке ниже есть несколько вариантов. Использование любого другого редактора даже не дало мне раскраски кода ... это единственное, с чем я мог получить помощь при работе с кодом.

Я делал это до того, как последовал совету маджиса выше, так что я не знаю, было ли это вообще необходимо. Но я установил JQuery рубль, как показано ниже: http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

Тогда, чтобы изложить ответ маджиса выше: Создайте новый проект и добавьте несжатую библиотеку JQuery, поместив jquery-1.7.2.js в проект в Project Explorer и выбрав опцию «Ссылка на файл» в появившемся диалоговом окне. Я связался с jquery-1.7.2.js в папке / js корневого каталога проекта, куда обычно и идет библиотека. Перетащите jquery1.4.2.sdocml в проект и выберите копирование или ссылку на файл. Я скопировал файл в корень проекта.

Если я могу сделать еще один комментарий, оглядываясь назад, я хотел бы отказаться от Eclipse два месяца назад и заняться Notepad ++ или тратить время на поиск более гибкой, быстрой и более стабильной среды PHP / JS / HTML / CSS.

4 голосов
/ 29 июня 2011

Для Aptana Studio 3: (плагин для Eclipse протестирован)

Найдите интересующую вас библиотеку ... Сохраните ее на свой диск и перетащите в свой проект. Не имеет значения, где он находится в проекте, поэтому вы можете создать новую папку для таких файлов, если хотите.

!! Проект должен быть своего рода веб-проектом: Web, PHP, Python, Ruby, Rails.

http://wiki.appcelerator.org/display/tis/Using+JavaScript+Libraries

3 голосов
/ 07 февраля 2013

Я попробовал и потерпел неудачу во многих предложениях. Собирался сдаться я наткнулся на это:

  1. Найдите JSDT jQuery на рынке Eclipse и установите его. Я нашел JSDT jQuery 1.5.0.
  2. Щелкните правой кнопкой мыши по своему проекту и настройте путь сборки (я знаю, мне бы тоже хотелось, чтобы это был уровень рабочей области).
  3. Перейдите в JavaScript> Включить путь и нажмите Добавить библиотеку JavaScript ...
  4. Выберите jQuery. Это поддержка v1.8. Я посмотрел, но не смог найти ничего более нового.
  5. Перезагрузите Eclipse и альт.

Наконец, верно?!

1 голос
/ 21 ноября 2015
  1. Щелкните правой кнопкой мыши свой проект и выберите Свойства.
  2. Развернуть Javascript -> Включить путь.
  3. На вкладке "Библиотеки" нажмите "Добавить библиотеку Javascript".
  4. Выберите «Пользовательская библиотека» -> «Настройка пользовательских библиотек».
  5. Добавьте все необходимые файлы .js, нажмите OK и дождитесь завершения сборки проекта.
  6. У вас должно быть завершение кода из всех файлов библиотеки, добавленных вами при редактировании ваших собственных файлов .js.

Adding .js Libraries to your project

1 голос
/ 22 августа 2012

Включение проверки Javascript для Aptana Studio 3.2:

  1. Окно -> Настройки -> Проверка
  2. Выберите Javascript и включите jslint
  3. Проект -> Свойства -> Project Natures
  4. Выберите Интернет (и все, что вы хотите)
  5. Окно -> Показать представление -> Проблемы
  6. Сохраните файл, проблемы должны заполняться предупреждениями
0 голосов
/ 17 сентября 2013

Для последней версии Eclipse Kepler есть еще один вариант, который стоит рассмотреть VJET JavaScrip IDE . Первоначально разработанный в eBay и недавно внесший вклад в фонд Eclipse. Он все еще находится в фазе инкубации, но может быть установлен с сайта ночных обновлений. Начальная функциональность описана в предложении «VJET: JavaScript Toolkit». Он предоставляет вспомогательные материалы в редакторе JavaScript для различных библиотек JS, таких как:

  • Node.js
  • JQuery
  • Dojo
  • 1012 * JSON *
  • Холст

- Проекты VJET ANVILs импортированы в рабочую область.

0 голосов
/ 25 июля 2013

В качестве дополнения к другим ответам я настоятельно рекомендую установить плагин Eclipse JSHint . Вы можете настроить его через настройки проекта, и он работает как шарм. В редакторе JavaScript отображаются дополнительные предупреждения.

Я бы также рекомендовал написать jsDoc над вашими функциями, так как это поможет Eclipse (@memberOf, вы можете использовать Ctrl + o для навигации).

Вы также можете перейти на TypeScript, так как поддержка Eclipse теперь готова (2015), набран TypeScript, и IDE может воспользоваться преимуществами (автозаполнение работает как шарм с Palantir ).

...