The library code is in a project folder or elsewhere To see the list of all libraries that power code completion for your project and enable specific aspects of code completion that you need to go to Preferences | Languages & Frameworks | JavaScript | Libraries. The quick-fix ‘Download library’ (call up with Alt+Enter) loads the file from the CDN link into the WebStorm cache (but not in your project). The library is added to the project via a CDN link Let’s have a look at a couple of examples. They are not to be edited in the scope of this project. code completion, syntax highlighting, navigation, and documentation lookup). External librariesĮxternal libraries are files explicitly added to project’s index to be used only in enhancing coding assistance (i.e. This is where we introduce the concept (or mechanism) of External libraries that we use in WebStorm. It powers WebStorm autocompletion with additional details about parameters and their types.īut what if all the libraries are loaded dynamically, or we want to exclude the folder with all the library code from the project to eliminate this third-party code from search results and code analysis?

JSDoc, used for documenting code, also plays an important role in making your coding experience better. The index is automatically updated whenever existing files are changed or new files are added.

The way it is implemented in WebStorm is that it takes all JavaScript files in the project and goes through them, adding functions and methods to an internal index used for code completion suggestions.

One of the essential features of WebStorm’s editor is code completion.

Download webstorm javascript