How to set up Dart debugging in WebStorm? - debugging

I am using IntelliJ WebStorm to develop an application in Dart and I'd like to use the debugging functionality, namely the capability to use breakpoints and in process evaluation.
How do I set it up in the IDE?

There are couple steps that need to be completed to be able to use debugging features:
Install Dartium on your development machine This is a special browser based on Chromium which has the Dart VirtualMachine built in. If you installed the whole dev-pack from DartLang you probably already have it, otherwise you can find the download link on www.dartlang.com/tools/download.html.
Set up WebStorm to use Dartium Once installed, add Dartium as an browser to WebStorm. In WebStorm click on File > Settings > Browsers then the green plus icon on the right and navigate to the chrome.exe executable in the Dartium folder.
Set up Javascript debugger in WebStorm In File > Settings > Debugger > Javascript set the built in server port to a port above 50000, I use 60666 for example.
Install the JetBrains IDE Support extension in Dartium Download the extension here
Set up the port in the IDE support extension Either right click on the JB extension logo and choose Options, or copy and paste this url
chrome-extension://hmhgeddbohgjknpmjagkdomcpobmllji/options.html
to your address bar and set the port to the one you chose in previous step for example 60666
And there you go, all is well, you are ready to go debugging ;)
Just remember when you create run/debug configuration to choose Dartium as your browser of choice!

Related

Integrated terminal in visual studio code is opening externally and not internally

I have reinstalled Visual Studio Code and for some reason, when I do the Ctrl+Shift+` shortcut, instead of opening a terminal window inside VS Code, it's opening an external command window, which is very annoying.
Anyone knows what setting it is to get it back internally?
I tried File->Preferences->Settings->Terminal and then set the first option "Customizes what kind of terminal to launch." to integrated.
Is there any other setting I need to set?
Happened the same with me. It was because I was using Legacy Console. To disable that, open any of your terminal (cmd or powershell) and right click to go to properties.
Properties -> Options -> Use Legacy console (tick it off).
Turn off ConPTY integration in the
File->Preferences->Settings->conPTY->Uncheck it
This is worked for me as mentioned here: https://stackoverflow.com/a/56267064/2462531
Found this:
https://github.com/microsoft/vscode/issues/72033
Which is listed as a duplicate but someone was also kind enough to link to this:
How do I get around the verified bug in Windows 1903 and launch the VSCode integrated terminal?
Which has a workaround as an answer, yay!
Here's some things you can check:
Make sure you've set integrated on both the User and the Workspace settings, because the Workspace settings can override the User settings.
Make sure you are using the correct keyboard shortcut. VS Code actually has a shortcut for opening the system's native console, which will open an external window:
Make sure that your Ctrl+Shift+` is actually the shortcut for Create New Integrated Terminal:

firefox error in eclips during compile of html5

hi last day i installed a ajax tool in my eclipse for js and html page editor and to debug them, but unfortunately it stop working, my project doesn't show any output and before i installed ajax tool output was executed in chrome and now it opens in Firefox please can anyone help me thanks in advance
Are you sure your installation was proper , Make a proper installation including mozilla features :-
1) Press Help -> Install New Software...
2) Tell Eclipse the source of Mozilla features. Mozilla features provides pieces to embed standard Mozilla browser inside Eclipse.
In "Work with" field, paste following URL and press Enter: http://beta.zend.com/studio-eclipse/updates-extra/9_0 .
This repository will be needed later, so don't select anything from here for now.
3) Install Ajax Tools Framework. They integrate Mozilla browser with Eclipse frameworks to let you inspect, analyze and debug extra information, that is not available in typical Mozilla-based browsers.
In "Work with" field, paste following URL and press Enter: http://download.eclipse.org/tools/atf/updates/0.3.0
After a second, you should see available software.
Choose all items.
Make sure that option "Contact all update sites..." is checked.
Press "Next" and "Finish" and wait until Eclipse downloads and installs all selected items. You will be asked to restart Eclipse.
4)After restarting, to start working with your new software, switch to Web Browser Tools perspective
To uninstall the current software extension or plugin from eclipse refer this :-
http://wiki.eclipse.org/FAQ_How_do_I_remove_a_plug-in%3F

Webstorm debugging with Chrome?

I am unable to debug at al in Chrome. I set it as my default broswer but when I try to debug, I see Connecting to 127.0.0.1:7930 in the Debugger window, but nothing happens (Chrome doesn't popup or anything). I have no idea how to trouble shoot this....any ideas?
If you are not familiar with, and believe me its worth checking out...another alternative is to use the Chrome developer Tools Built into the browser
You can debug javascript (add breakpoints and step into over, view variables), edit css and see your modifications in real time and save changes back to your file system. It also has a revision history for changes you make and you can revert back to any version! You can use use these Chrome developer tools in conjunction with the free Netbeans IDE where you can create your HTML, CSS & Javascript which has excellent code hinting / completion with Jquery support. You also add plugins to add more functionality.
Well I could not figure out how the heck to get Webstorm to debug with Chrome and their support is extremely limited. So as a workaround and what may be better because its free , is use Eclipse with Chrome Developer tools.
You are able to debug all the JavaScript files on your server and set breakpoints. I haven't stepped through while debugging, but this seems very promising. You could use Eclipse as well for the development of your corresponding HTML and css files or use in conjunction with Netbeans which is also free. Very straightforward if you are familiar with Eclipse already:
Eclipse with Chrome Developer Tools

Visual Studio "Multiple Startup Projects" Problem

Background: I have a Visual Studio 2008 solution containing three different web application projects. If I right click on the solution, choose "Set Startup Projects.." and then choose "Multiple Startup Projects", I am able to fire them all up at once when I hit F5 (Start Debugging).
Desired Behavior: What used to happen (until it unexpectedly stopped working) was that it would automatically open up three browser instances (IE by default) and run each of the web apps in each of the three browser windows.
Current (Undesired) Behavior: All of a sudden, instead of opening three browser windows, it now opens a single browser instance and sequentially starts them all up with the exact same window/tab, which means that I am left with only one app actually running. (Whatever the last app it was that got started.)
Any idea what could cause this? I've checked my project and browser settings (including the "Reuse windows when launching shortcuts" option) and can't seem to figure it out. Any ideas?
Update: I changed Visual Studio's default browser to Firefox, and it works as expected by opening up multiple browser windows. I guess I'll just use Firefox when debugging for now, which is probably a good thing anyway.
I don't know why it had stopped working but rather have a suggestion: Check 'Don't open a page. Wait for a request from an external application.' option under 'Start Options' page of your Web project property pages. It specifies that Visual Studio won't open the browser window automatically. It should start your project in a Web server and wait for another application to make a request.
This seems to be a bug/feature in newer instances of MSVS and/or IE.
It happens in Visual Studio 2013 and 2015 as well, and might not be a bug as such, but can certainly be an undesired behaviour.
To reproduce:
Select 2 web projects in multiple startup projects.
Set one to Startup and the other to Start without debugging.
Only one browser tab is used, but you will see the tab used briefly by each project before the next one is loaded.
The problem is that the last loaded project is not necessarily the project you want to have in the browser.
An other workaround is to simply set both projects to Start.
It turns out using Firefox did the trick for me. Since there are no other answers, I will just accept this one.

Default browser for specific solution in Visual Studio

I want to debug my silverlight project in IE and debug other ASP.Net projects websites on firefox.
How to set default browser for specific solution?
EDITED: it is website, not project.
Your best option here, would be to use command line arguments when starting debugging.
You can do that on a project-by-project setting.
Just chose 'Start Options', Command Line, then add either iexplore.exe or firefox.exe with the path to your default page.
That should sort you out.
You can always set the project debug options to not display a web page and then open whatever browser you prefer.

Resources