console
for simple debugging such as logging variables, function calls, or other helpful messages. All logs are shown in the terminal during development mode. Here are a few examples:npm run dev
or via the VSCode command Raycast: Start Development Mode
Raycast: Attach Debugger
react-devtools
to your extension. Open a terminal, navigate to your extension directory and run the following command:npm run dev
, open the command you want to debug in Raycast, and launch the React Developer Tools with ⌘
⌥
D
. Now select one of the React components, change a prop in the right sidebar, and hit enter. You'll notice the change immediately in Raycast.react-devtools
globally, you can do the following:react-devtools
from a terminal to launch the standalone DevTools app. Raycast connects automatically, and you can start debugging your component tree.key
property for your list items); performance is generally better when running in production mode. You can force development extensions to run in Node production mode by going to Raycast Preferences > Advanced > "Use Node production environment".