How do I use WebStorm for Chrome Extension Development?

by

First Time Setup

  1. Open the Settings dialog (File > Settings)

  2. Click Languages & Frameworks > Javascript > Libraries

  3. Click Download

  4. Make sure TypeScript community stubs is selected

  5. Select chrome from the list (you can find it quickly by just typing chrome)

  6. Click Download and Install

  7. Click OK to close the Settings dialog.

Steps 2-6 illustrated below:

Webstorm Screenshot

In Subsequent Projects

In any subsequent project, you just:

  1. Open the Settings dialog again (File > Settings)

  2. Click Languages & Frameworks > Javascript > Libraries again

  3. Check chrome-DefinitelyTyped

  4. Click OK to close the dialog.

Steps 2-4 shown below:

Webstorm screenshot

More Related Contents:

  1. Is there a JavaScript / jQuery DOM change listener?
  2. The Chrome extension popup is not working, click events are not handled
  3. Getting around X-Frame-Options DENY in a Chrome extension?
  4. Check whether user has a Chrome extension installed
  5. Inspect extension’s chrome.storage in devtools
  6. How to define custom sort function in javascript?
  7. Chrome Extension – Get DOM content
  8. Gmail Extension, sendMessage to background from page context
  9. Create a file using Javascript in Chrome on client side
  10. How to handle “Unchecked runtime.lastError: The message port closed before a response was received”?
  11. Chrome extension: How to remove orphaned script after chrom extension update
  12. Loading external javascript in google chrome extension
  13. How to debug angular protractor tests in WebStorm
  14. Event onBrowserClose for Google Chrome Extension?
  15. Console shows error about Content Security policy and lots of failed GET requests
  16. Getting unique ClientID from chrome extension?
  17. Communicating between a Chrome packaged app and a Chrome extension?
  18. Content-Security-Policy error in google chrome extension making
  19. How to inject CSS into webpage through Chrome extension?
  20. Change matching words in a webpage’s text to buttons
  21. Inject CSS stylesheet as string using Javascript
  22. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  23. How to fight tons of unresolved variables warning in WebStorm?
  24. How to modify current url location in chrome via extensions
  25. chrome.tabs.executeScript(): How to get result of content script?
  26. How to use GM_xmlhttpRequest in Injected Code?
  27. Can I use puppeteer inside chrome extension
  28. Cross-domain XMLHttpRequest using background pages
  29. How to refactor global variables from MV2 to using chrome.storage in MV3 service worker?
  30. Javascript textarea undo redo

Leave a Comment