docusaurus/admin/testing-changes-on-Docusaurus-itself.md

If you are developing the Docusaurus core and you want a quick way to test your changes, you can use the Docusaurus website itself as your testing area.

For tips on testing other projects, see the local testing of third-party projects doc.

Testing

It is straightforward to test your Docusaurus changes with Docusaurus.

cd /path/to/docusaurus-repo
npm install
cd website
npm run start

If you look in the website/package.json file, you will notice that running start with npm run actually executes the local start-server.js file. This is how you know you are running with local code.

Debugging Locally

VS Code

Use the following code in VSCode to enable breakpoints. Please ensure you have a later version of node for non-legacy debugging.

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Docusaurus Start (Debug)",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}/website",
      "program": "${workspaceFolder}/website/node_modules/@docusaurus/core/bin/docusaurus.js",
      "args": ["start"]
    }
  ]
}

Other Editors

Feel free to contribute debug instructions for other IDEs

Observing changes

Now that the server is running, you can make changes to the core Docusaurus code and docs to see the effects on the Docusaurus site. LiveReload will reflect changes to the local site in your browser, usually running at http://localhost:3000.