Quick Package Install

Pro Feature

Note

The content of this page is adjusted based on your editor of choice. Your editor selection can be changed using the dropdown in the top right corner of the page.

This feature allows you to quickly install any node package, via npm or yarn, without switching away from your editor, and without even having to type the package name (there is enough information in your code already). The package may be installed just for the active Quokka session, so that when you are just playing with things, your node_modules folder is not trashed. Having said that, you may also target the project’s node_modules, if you want to do it.

You may install missing packages via intention actions (Alt+Enter), or via the links in the Quokka output.

You may install missing packages by using the hover message, or with the Cmd + K, I keyboard shortcut (whenever there’s a missing package), via command palette (Quokka.js: Install Missing Package ... commands), or via the links in the Quokka output.

By default Quokka uses the npm install {packageName} command. You may change it to yarn add {packageName} by setting the installPackageCommand value in your Quokka config:

{
  "installPackageCommand": "yarn add {packageName}"
}