Редактор JavaScript Eclipse:поддержка содержимого для файлов js, автозаполнение

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

Вопрос

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

Это было полезно?

Решение

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

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

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

<Ч>

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

Другие советы

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

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

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

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

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

!!Проект должен быть каким-то веб-проектом:Веб, 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)

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

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

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

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

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

Я делал это до того, как последовал совету маджиса выше, так что я не знаю, было ли это вообще необходимо. Но я установил JQuery рубль, как показано ниже: http://wiki.appcelerator.org/display/tis / JavaScript + библиотека + Поддержка # 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.

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

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

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

<Ол>
  • Найдите JSDT jQuery на рынке Eclipse и установите его. Я нашел JSDT jQuery 1.5.0.
  • Щелкните правой кнопкой мыши по своему проекту и настройте путь сборки (я знаю, мне бы тоже хотелось, чтобы это был уровень рабочей области).
  • Перейти к JavaScript > Включить путь и нажмите «Добавить библиотеку JavaScript» ...
  • Выберите jQuery. Это поддержка v1.8. Я посмотрел, но не смог найти ничего более нового.
  • Перезапустите Eclipse и альт.
  • Наконец, верно?!

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

    <Ол>
  • Окно - > Настройки - & Gt; Проверка
  • Выберите Javascript и включите jslint
  • Проект - > Свойства - & Gt; Project Natures
  • Выберите Интернет (и все, что вы хотите)
  • Окно - > Показать представление - & Gt; Проблемы
  • Сохраните файл, проблемы должны заполняться предупреждениями
  • <Ол>
  • Щелкните правой кнопкой мыши свой проект и выберите "Свойства".
  • Развернуть Javascript - > Включить путь.
  • На вкладке "Библиотеки" нажмите " Добавить библиотеку JavaScript ".
  • Выберите " Пользовательскую библиотеку " - GT &; " Настроить пользовательские библиотеки ".
  • Добавьте все необходимые файлы .js, нажмите OK и дождитесь завершения сборки проекта.
  • У вас должно быть завершение кода из всех файлов библиотеки, добавленных вами при редактировании ваших собственных файлов .js.
  •  Добавление библиотек .js в ваш проект

    Для последних версий Eclipse (например, моего Indigo SR2) необходимо сделать две вещи, чтобы получить помощь по коду для jQuery в проекте GAE.

    <Ол>
  • Сконфигурируйте проект как проект JavaScript с помощью: проекта правой кнопкой мыши - > Настроить (прямо над Свойством) - & Gt; Преобразовать в проект JavaScript

  • Делайте правильно, как мистер Баттерворт и автозаполнение jQuery сказал: установите плагин JSDT jQuery и добавьте jQuery в ресурсы JavaScript проекта

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

    • Node.js
    • jQuery
    • Додзе
    • JSON
    • Холст

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

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

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

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

    Лицензировано под: CC-BY-SA с атрибуция
    Не связан с StackOverflow
    scroll top