Редактор JavaScript Eclipse:поддержка содержимого для файлов js, автозаполнение
-
06-07-2019 - |
Вопрос
Я пытаюсь использовать 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 и т. д.). См. полный список крачные модули
Я попробовал и потерпел неудачу во многих предложениях. Собирался сдаться я наткнулся на это:
<Ол>Наконец, верно?!
Включение проверки Javascript для Aptana Studio 3.2.
<Ол>Для последних версий 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 ).