PyCharm 2017.1 Help

JavaScript. Libraries

This feature is supported in the Professional edition only.

File | Settings | Languages and Frameworks | JavaScript | Libraries for Windows and Linux
PyCharm | Preferences | Languages and Frameworks | JavaScript | Libraries for macOS


Use this page to set up additional JavaScript libraries to expand the basic assistance provided through the JavaScript plugin. Note that the JavaScript libraries are global.

In this section:


EnabledEach check box in this column shows whether the corresponding library is avaiable or not:
  • A check box is selected when the corresponding library is defined and enabled in the current project.
  • A check box is marked with a Dash (-) if the corresponding library is defined and enabled on a more detailed level, for example, in a directory or in a file.
  • A check box is cleared when the corresponding library is disabled.
NameThis column shows the names of the directories defined for a project.
TypeThis column shows library types.


AddClick this button to create a new JavaScript library in the New Library dialog box. Refer to the section Configuring JavaScript Libraries.
EditClick this button to change the name and contents of the selected library in the Edit Library dialog box.
RemoveClick this button to delete the selected library.
DownloadClick this button to open the Download Library dialog box, where you can have PyCharm download and install one of the popular official JavaScript-related libraries, such as:

Besides the above listed official libraries, you can download stubs for TypeScript definition files.

Choose the group of libraries in the drop-down list. The available options are Official libraries and TypeScript community stubs. Depending on your choice, PyCharm displays a list of available libraries. Select the one to be downloaded and installed, and click Download and Install. You return to the JavaScript Libraries page where the new library is added to the list. CLick OK to save the settings.

Manage scopesClick this button to configure libraries to be used for specific files and/or directories in the JavaScript. Usage Scope dialog box.

New Library / Edit Library Dialog Box

NameSpecify the library name.
Framework type From this drop-down list, choose the framework to configure as a library.
Version In this text box, specify the version of the selected framework to use.
Visibility In this area, specify where you want the library to be available for associating with files and folders. The available options are:
  • Current project: when this option is chosen, the library can be associated with files and folders within the current project only. If you later try to use the framework with another project, you will have to configure the library anew.
  • Global: choose this option to enable associating the library with any of your PyCharm projects.
Files In this section, set up the library contents.
/help/img/idea/2017.1/new.png (Add) Click this button to attach a JavaScript file or directory from the file system.
/help/img/idea/2017.1/delete.png (Remove) Click this button to detach the selected file or directory from a library.
NameThis read-only column shows the name of the selected library file or the names of relevant library files from the selected directory.
TypeClick the column to show the drop-down list of the available versions of library files or directories: debug or release.

PyCharm enables you to create a library containing just one .js file, if this file is located on the Internet and can be accessed over HTTP. If you refer to a JavaScript library that is not yet available locally, but is available online, use the Download library intention action:

The library will be placed to the user home directory, and will appear in the list of configured libraries in the JavaScript - Libraries page of the Settings dialog.

See Also

Last modified: 25 March 2017