Change the default split of vscode - tabs

When I run jupyter interactive windows, vscode code split the screen and put that tab on right side:
How can I make that kind of tab open on the left side?

Try the "workbench.editor.openPositioning" setting:
{
"workbench.editor.openPositioning": "left"
}
Or via the settings menu Editor Management → Open Positioning:

It would be the "workbench.editor.openSideBySideDirection" setting, but the only accepted values are right and down. You could perhaps make a feature request or look for an extension that might have the behaviour you need.
The Open Positioning setting is where new tabs open relative to your current tab. Whereas you are asking about editor groups.

Related

Add space in the bottom of chrome dev console

Each Time I'm using this console I'm struggeling with my mouse to click on the editable line.
So two question :
Is there a way of enlarging this line so it easier to click on it ?
Is there a command to navigate to it ?
The only way to enlarge it is to create a custom theme for DevTools, enable the experiment for using custom themes, and then installing your extension. That way you can get custom CSS into the top-level DevTools scope to modify things.
You may open a bug report on the chromium issue tracker against the DevTools so the team can assess the UX to see if there is anything they should modify internally.

PhpStorm red lines in the code

Suddenly PhpStorm looks like that:
I deleted and re-installed it. However that didn't change anything.
Type CtrlAltS to open the Settings window. Expand the Editor tree in the left panel. Expand Color Scheme, then click in General. In the right panel, click in Line coverage and uncheck Background checkbox on the right side.
You can also type a shortcut CtrlShiftA to open the actions window and type line coverage.

Is it possible to open multiple instances or split view of chrome developer tools tabs?

I want to debug code at the same time as I see what is being sent on the network tab without having to go back and forth between the Network tab and Sources tab. Is there a way to do this as of chrome Version 52.0.2743.82 or Version 54.0.2810.2 canary?
I know that it is possible to log http request in the console which can be visible with other tabs open but I want the actuall networks tab if possible..
Thank you in advance
This is now possible in Chrome 87. Right click Network in the menu and select "Move to bottom"
and it will do this
You can view 'Quick source' while viewing the Network panel (or the other main panels) at the same. This will allow you to view the source and add breakpoints.
However, it's not possible to step through code using the debugging in the split view. Chrome will automatically switch to the Sources tab if you use the shortcuts.
It's also not possible to have an extension running a separate instance of the debugger as the Chrome Debugging Protocol doesn't allow simultaneous clients to be connected.
I will open up a discussion with other Chromium contributors into the feasibility of sharing the debugging controls in the split view. I don't know whether it will or can be done easily. I suspect it's a fair amount of work.
If you would like to set up the split view, as it's useful anyway, go to overflow menu on the right side and select 'More Tools' and then select 'Show console'. This makes sure the panel loads below the main one.
On the left side of the panel that shows, click the overflow menu and select 'Quick source'.
You will now see a small Sources panel.
Since I was referred here from this question, I'll answer here.
In my scenario I need to be able to work on two different source files (under DevTools->Sources) simultaneously, for instance an html and a css file.
My workaround was to work on two separate tabs.
Right click one of them and click 'Open in new tab'.
When the new tab is open press F12 to open DevTools, and dock the two editors side by side (Focus on one and pressing ⊞+→ then leftwards on the other one).
Result:

How to view elements tab and sources tab at the same time in chrome dev tools

I have a rogue blank <div> getting inserted from somewhere in my code, and it is difficult to find when it is coming in. I am using debugger; and stepping through the code, however, the step function is in the 'Sources' tab of chrome dev tools, and the 'Elements' tab has the view I need. I have two screens, and have the dev tools on one screen and the page on the other, but I need to see when the div is coming through on the HTML as I step through the code, and it is quite cumbersome to switch tabs after each click.
Is there any way to accomplish this view to troubleshoot faster (maybe a second instance of dev tools? or split the tabs?), or another suggestion? Since I don't know how it is getting generated, I can't color the div and just look for the color to come on screen...
It is still not possible to display the elements and source tabs at the same time on chrome dev tools. (Latest Chrome version: v64).
If some element is inserted to your DOM and you want to find code responsible for adding it then I suggest using more appropriate tool than debugger;. Check out "subtree modifications":
You can now right click the view tab and select "Move to bottom" so you can see both element and sources at the
Now its possible to view the element and page source in the same page.
Follow the steps below:
Open debugger or Ctrl+Shift+C
From Right corner press the "customize and control Dev tools" icon, under those option click show console drawer:
Now from the left bottom, click on the quick source option as shown in picture:
All the js files opened in sources will be seen here:

How does one set the tab width in Komodo Edit?

This is a rather simple done in Emacs or NEdit, but I could not find how to setup tab width in Komodo Edit (I use 7.1).
Komodo has a bug in the setting "Allow file contents to override tab settings". Here is the fix:
Go to: Preferences → Editor → Indentation. From this screen, turn off "Allow file contents to override tab settings" as this is very buggy and can cause Komodo to override your settings (hence the need to change the per-file-setting in other people's solutions)
From this screen, check all other tab settings, and check the per-language settings in the drop down.
Now close all files and after reopening them the settings should now take effect permanently. This is a better solution as you will no longer have to go to each file and constantly reset the per-file indent settings.
Go to the preferences page.
Depending on your display style - GTK style I think, the plus sign or what it is in front of the entry "editor" might be unvisible.
Either double click on "editor" to show the subtree, click into the free space in front of it (like sinking submarines), or search for indent or tab in the search bar.
There you will find the indentation setup details.