Setting up PouchDB

Installing PouchDB is easy. There are a few different ways to do it:

{% include anchor.html title="Direct download" hash="direct-download" %}

Download the latest pouchdb-{{site.version}}.min.js from the big green button above. Then in your index.html:

<script src="pouchdb-{{site.version}}.min.js"></script>

{% include anchor.html title="Bower" hash="bower" %}

Run this on the command line:

$ bower install pouchdb

Then in your index.html:

<script src="bower_components/pouchdb/dist/pouchdb.min.js"></script>

{% include anchor.html title="npm" hash="npm" %}

Run this on the command line:

$ npm install pouchdb

Then in your index.html:

<script src="node_modules/pouchdb/dist/pouchdb.min.js"></script>

{% include anchor.html title="jsdelivr CDN" hash="jsdelivr-cdn" %}

Add this to your index.html:

<script src="//cdn.jsdelivr.net/npm/pouchdb@{{site.version}}/dist/pouchdb.min.js"></script>

{% include anchor.html title="Node.js" hash="nodejs" %}

Run this on the command line:

$ npm install pouchdb

Then in your JavaScript:

const PouchDB = require('pouchdb');

{% include anchor.html title="With TypeScript" hash="typescript" %}

Run this on the command line:

$ npm install pouchdb @types/pouchdb

In your tsconfig.json activate allowSyntheticDefaultImports:

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true
  }
}

Then in your TypeScript:

import PouchDB from 'pouchdb';

You can install a plugin (provided there is a type definition for it in npm), import it in the same way and then pass the imported name to PouchDB.plugin() method just as you would do in JavaScript.

{% include anchor.html title="Next" hash="next" %}

Now that you have PouchDB installed, let's start working with databases.