

That's it! You should now have a breakpoint at this step of your application. Now click the green " refresh" button to restart the app: Place your cursor to the left of the line number a little red dot should appear. Open the page where you'd like to set a breakpoint. While running in debug mode, if you switch back to VS Code, you will see a debugger toolbox in the top center of the editor. This will launch a new chrome page and start your application. Make sure it is selected, and press the green play button: This time, in the dropdown menu, you should see a Chrome option. Next, go to the Debugger panel of your VS Code again. You may close the browser that this script starts because we'll launch another one shortly. Now that we have the Debugger set up, it's time to run our dev-server and launch the debugger.įirst, start your Flex plugin using twilio flex:plugins:start. Now replace the content of launch.json with:

This would automatically create a launch.json inside. Click on the gear icon on top of the page, and select Chrome. There are currently no launch.json files. Restart the editor if you are prompted to do so. Go to the Extensions section of VS Code and search for Debugger Chrome. We'll first need to install the extension. It also requires that you already have VS Code installed on your operating system.ĭownloading the Debugger for Chrome Plugin This tutorial requires that you have an existing Flex Plugin. Luckily, VS Code already comes with such a debugger built-in. When debugging your Plugin, it is useful to set breakpoints in your application and to walk through it step-by-step. This tutorial builds off of the Plugin from the Plugin Development Quickstart. This is a guide on how to set up a Chrome Debugger with VS Code to easily debug your Flex Plugin locally. Releasing Flex plugins with the Plugins API Task Channel Definitions example use cases Overview of Flex UI programmability options

Send Outbound Messages via SMS and WhatsApp Receive Inbound Messages from SMS and WhatsApp Using Pre-Engagement Form Data and Context Send Outbound Messages via SMS, WhatsApp and Other Channels Receive Inbound Messages from SMS, WhatsApp and Facebook Messenger Map Global Identifiers to Workspace Identifiers Secure Playback of Recordings from Custom Storage Getting Started with React Plugin Development
