solid-devtools

solid-devtools

The main package of Solid Devtools. It contains the following subpackages:

• Debugger
• Extension Adapter (this one is automatically enabled)
• Locator — How to use it
• Babel Plugin — How to use it

Getting started

Installation

npm i solid-devtools
# or
yarn add solid-devtools
# or
pnpm add solid-devtools

Using the locator package

The solid-devtools package comes with the Locator package included.

Follow this guide of the locator package

Enabling the Babel plugin

solid-devtools reexports the babel plugin as a vite plugin.

To enable it you need to add it to plugins array in your .vite.config.js file:

// vite.config.ts

import { defineConfig } from "vite"
import solidPlugin from "vite-plugin-solid"
import devtoolsPlugin from "solid-devtools/vite"

export default defineConfig({
  plugins: [devtoolsPlugin(), solidPlugin()],
})

Changelog

See CHANGELOG.md.