
Imp Note- You shouldn't have any other instances of Chrome running when you do that or the debugger will fail to attach to it.Ĥ. Once app is opened in browser, press F5 in visual studio code and it will attach debugger from chrome instance. Open the integrated Terminal window with Ctrl+` and type ionic serve -b (the -b switch will prevent the page from opening in your default browser).ģ. Then you need to start app with normal ionic command “ionic serve” within integrated terminal of visual studio code. You just need to add “Debugger for chrome extension” in visual studio code and follow below mentioned steps (same has been mentioned in above article as well).ġ. While searching on net I found very good article to replicate same functionality. Since I am very fond of visual studio code for editing code, I was trying to get ways by which I can use visual studio code editor itself for debugging (like I was using it for my other Node apps).

Once simple way of debugging code is do it directly in browser (like chrome) as ionic used to have all client side code which get downloaded to client and debugging can happen in browser itself. Here is complete launch.While working on Ionic, I found it difficult to debug the app. Once it is done, you will be able to select the debug configuration from VSCode, like this. This is for chrome browser, once it is done, you can repeat the steps for Firefox and/or IE or any other browser you would like to debug. Next you need to modify launchBrowser key, under windows, provide path of the browser you would like to use like this. net core, you need to set the target framework is netcoreapp2.0 and assembly name will be your project name. And for the program key, you need to set the target-framework and project-name.dll. Then you need to click on the Add Configuration button. To use this, first you need to open launch.json file. Here is the code snippet which will add different debug configuration to VS Code. There is way to choose the browser you would like to use. By default when debugging an ASP.NET Core, VS Code will launch default browser. This post is about launching different browsers from VSCode, while debugging ASP.NET Core.

Januby Anuraj Estimated read time : 6 minsĪSP.NET Core VSCode Debugging CodeProject How to launch different browsers from VS Code for debugging ASP.NET Core
