Prettier indentation settings - HTML tree structure is too narrow - visual-studio-code

im trying to make wider spaces between HTML parent and child elements. I tried with many settings but my tree is still super unreadable. I can't see what exactly each div contains.
The current look:
I'm trying to achieve wider structure, like this one:
"editor.tabSize": 2,

You're using a variable-width font. Spaces in variable-width fonts are often much thinner than other glyphs/characters. The image of what you want is using a monospace font (where every glyph/character has the same width). Use the editor.fontFamily setting in the settings.json file. You'll need to consult your OS / Desktop environment to see what fonts you have installed for selection. If there's one you want and don't have, you'll need to install it.

Related

Is there a way to configure VS Code to format code at the bottom of the editor instead of at the top when there is extra space in the editor?

I'm looking for something that detects when a file's content does not fill the entire viewport of the editor, then adds extra space at the TOP of the file instead of at the BOTTOM.
VSCode does offer the option to add a default padding at the top of editors but it doesn't automatically display the padding when opening the file (and this isn't exactly the functionality I'm looking for either, since that would be inconvenient for larger files that take up more space than the viewport of the editor).
Bonus points if someone knows the answer to this for IntelliJ as well (if it exists) :)
How it looks now:
What I'm looking for:

Printing markdown in VSCode uses different styling than on-screen

When I go to print markdown from VSCode it does render the markdown, but it has a very different styling than the on-screen preview. How do I fix this?
VS Code does not support the printing of markdown or anything else. For that you need a printing extension. There are only two of these, and I wrote the one that prints rendered markdown. I'm quite certain you're talking about mine because it has a Markdown: Styles setting and the other one doesn't.
There are settings that allow you to customise styling. It's not currently styled using a stylesheet because there are complications referencing that sort of asset in remoting environments.
To work around this I had to embed styles into the document. This has the unfortunate effect that you cannot override them with a separate CSS file. As a temporary measure, I have made available settings allowing you to customise the embedded styles.
I notice in the screen snap that I have specified "Blackadder ITC" as the font-family. This is not a typeface I would recommend, probably I was giving a demo. I sincerely hope this wasn't in shipped setting defaults. If that's why you think it's "ugly" then change the heading font-family to whatever typeface you prefer for headings. sans-serif will use the local default.

Is there any way to change the size of icons (vim-devicons) without changing the font-size?

I've installed NERDTree and vim-devicons plugins for customizing my workspace and I find that size of icons is too small, so I wanted to make them bigger without changing font-size (current font-size comfortable for me).
I've tried to find solution on original documentation, read forums etc. Also I tried to find some special Nerd Font that will have bigger icons size but unfortunately everything was unsuccessful.
Link below is an example that shows current size of my icons and font.
example with NERDTree window, tabs and status line
I'm using Windows PowerShell as my terminal and neovim as my editor.
I would be grateful if someone could explain to me how to solve my problem or tell another way (or may be another plugins) to add icons and files tree to vim.
Those icons are just text and you can only have one font and font size for the whole terminal emulator's window. Therefore, you can't adjust their size separately from the rest of the text.

Change default font in netbeans?

Is it possible to change the default font in netbeans? The documentation says:
The font Monospaced is maped to different fonts on different systems.
On Windows it is mapped to "Courier ", on Linux it is mapped to
"Lucida Typewriter".
http://ui.netbeans.org/docs/ui/editor_fonts_colors/Editor_fonts_and_colors.htm
I'm on windows and want to map Monospaced font to 'Consolas' instead of 'Courier'.
P.S. I know that fonts can easily be changed from options, but when I change it in this way, I can no longer use unicode characters. Guess I need to do what they call 'mapping' the monospaced font to other font.
Tools > Options > Fonts and Colors
Set the category "Default", and to the right of that, the font you want to use.
If this does not fix it, try adding:
--laf Nimbus -J-Dswing.aatext=true -J-Dawt.useSystemAAFontSettings=lcd
or
-J-Dswing.aatext=true -J-Dawt.useSystemAAFontSettings=lcd --laf Metal
to the file : netbeans.conf. You can find it in $NETBEANS_HOME/etc/ folder. Make your application font smaller from system preferences.
To change the font size outside of the editor you can configure by editing the Net Beans conf file, you can find it here:
C:\Program Files\NetBeans 8.0.2\etc\netbeans.conf
Then edit this line:
netbeans_default_options="..."
by adding this at the end:
--fontsize 18
I hope it helps :-)
Life becomes more easier now. Just from Tools menu choose Options and then follow steps on the following screen shot and take care with step 3 and 4 which they are making the default font for all languages:
I have a NetBeans plugin called 'UI-Editor' which allows you to customize virtually any Swing property, including font sizes, colors, and types. Go to Tools->Plugins and search for 'UI-Editor' or go here: http://plugins.netbeans.org/plugin/55618/?show=true
also don't not forget to change the font to the one that support Arabic like Arial for example i am not sure of some one mention that i just tried it
As far as I can tell there's no way to do this. jEdit (http://jedit.org) also uses Swing and DOES do font substitution for all fonts - there's a "automatic font substitution" checkbox in Global Options > Text Area, along with a list of preferred fonts. But jEdit is otherwise not as capable as Netbeans.

Letterspacing in Eclipse code editor

Is there any way to change the letter-spacing of text in Eclipse's code editor?
Maybe you can try changing from a fixed width font to the variable width font like Verdana or Tahoma. Window->Preferences->Appearance->Colors and Fonts->Basic->Text Font
If you mean the java code editor in Eclipse this is not possible. The editor is not a word processor. You can only change the font setings (typeface, style, color, size).
If you are referring to this kind of letter spacing, then no, I do not think so.
Not in the sense that a typography system allows you to tweak the appearance of text on a printed page.
The default for me is Courier New Regular 10. You can change the size to 12 or some other size.
Are you trying to change the kerning rules? Kerning is positioning different letters in a variable-width font. For instance in the word "We", the "e" is tucked in a little bit under the "W". The page-layout software that magazine publishers use can control this.
Fonts are opaque to Eclipse; it doesn't give you a way to change the rules within the font. Unfortunately the best you can do is try the different fonts and sizes until you find one that has kerning rules that work, more or less.