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

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



Unresolved variable or type chrome



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

1065   4  

4 ответов:

Первый Раз Настройка

  1. открыть Settings диалог (File>Settings)

  2. клик Languages & Frameworks>Javascript>Libraries

  3. клик Download

  4. убедится TypeScript community stubs выбран

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

  6. клик Download and Install

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

шаги 2-6 показано ниже:

Webstorm Screenshot

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

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

  1. открыть Settings диалог (File>Settings)

  2. клик Languages & Frameworks>Javascript>Libraries опять

  3. Регистрация chrome-DefinitelyTyped

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

шаги 2-4 показано ниже:

Webstorm screenshot

130  
2017-07-30 22:15:52

обновление 2:

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

Download library

обновление:

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

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

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

библиотека или огрызок можно настроить в WebStorm.

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

JSON => JavaScript object stubs mapping довольно прост в этом случае, и написание такого конвертера не должно занимать больше дня (или нескольких часов для квалифицированного кодера).

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

38  
2017-09-24 08:35:23

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

2  
2013-05-21 16:24:47

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

0  
2017-07-01 23:36:02

Comments

    Ничего не найдено.
Click here to cancel reply.