Как использовать WebStorm для разработки расширений Chrome?

Я только что купил WebStorm 5 и до сих пор действительно наслаждался его функциями инспекции. Одна проблема, с которой я столкнулся при разработке расширения Chrome, заключается в том, что он не распознает переменную chrome:

Unresolved variable or type chrome

Есть ли способ добавить переменную chrome в Инспектор, чтобы он мог автозаполняться при вводе? Я предполагаю, что мне нужно добавить Chromium в качестве внешней библиотеки, но я не уверен, с чего начать.

Ответы

Ответ 1

Первая настройка времени

  • Откройте диалоговое окно Settings (File > Settings)

  • Нажмите Languages & Frameworks > Javascript > Libraries

  • Нажмите Download

  • Убедитесь, что выбрано TypeScript community stubs

  • Выберите chrome из списка (вы можете быстро найти его, просто набрав chrome)

  • Нажмите Download and Install

  • Нажмите OK, чтобы закрыть диалог настроек.

Шаги 2-6, показанные ниже:

Скриншот Webstorm

В последующих проектах

В любом последующем проекте вы просто:

  • Откройте диалог Settings еще раз (File > Settings)

  • Нажмите Languages & Frameworks > Javascript > Libraries снова

  • Проверьте chrome-DefinitelyTyped

  • Нажмите OK, чтобы закрыть диалоговое окно.

Шаги 2-4, показанные ниже:

Скриншот Webstorm

Ответ 2

ОБНОВЛЕНИЕ 2:

Теперь он поддерживается из коробки, см. полный ответ ниже.

Download library

UPDATE

Существует более полный файл-заглушка, который можно добавить в виде библиотеки для получения кода. Это часть проекта Closure Compiler. Загрузите chrome_extensions.js.

См. также запрос функции для WebStorm, чтобы автоматически добавить эту библиотеку из среды IDE.

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

В WebStorm можно настроить библиотеку или заглушку .

Я нашел файлы JSON с API расширений. Можно написать script, который будет создавать JS-заглушки из этих файлов JSON, заглушки могут выглядеть как базовая версия, связанная с GitHub выше, но с автоматическим генерацией они будут содержать почти полные комментарии API и JSDoc, так что документация, как здесь, может быть просмотрена непосредственно в среде IDE.

JSON = > Отображение заглушек объектов JavaScript довольно просто в этом случае, и для записи такого типа конвертер не должен занимать больше одного дня (или несколько часов для опытного кодировщика).

Если кто-то идет вперед и реализует его, отправьте ссылку на результаты здесь.

Ответ 3

WebStorm должен в один прекрасный день принять json-определения напрямую, чтобы включить автозаполнение для определенных функций. Между тем, вы можете использовать программу https://github.com/QuickrWorld/jsgen для преобразования json файлов в js, чтобы включить автозаполнение для API-интерфейсов chrome.

Ответ 4

Для написания AppScript, функций и классов, таких как DriveApp, SpreadsheetApp, есть плагин в WebStorm или Intellij, называемый google-app- script.
Метод установки такой же, как и выше. С другой стороны, вы должны пометить или открыть файл .gs как JavaScript. (Июль 2017 года)