Spacing or Horizontal lines in custom VS Code grammar - visual-studio-code

I just worked into grammar creation with Atom and now VS Code and I'm currently developing an own grammar in VS Code.
In the text file I cannot insert extra spacings, but I would like to separate logical blocks with an Bigger spacing or an horizontal line.
But I don't now how to achieve this, because as far as I figured out none of the VS Code templates scopes allows such a style.
Could someone tell me how I can achieve this?
As far as I figured out I will need to add a custom scope to each used template?

That's not possible. Visual Studio Code is not a text processor, but a source code editor. If you want separation simply add an empty line.

Related

Program Beckhoff PLC in VS Code

Since Beckhoffs TwinCAT3 Shell is missing basic function that are considered standard in other IDEs im trying to switch to VS Code to do the job.
There is an extension that enables syntax highlighting for ST (Structured Text) which is great.
But im not satisfied how the TcPOU files (xml formatted) are displayed.
I'm used to the window layout of TwinCAT3 and am wondering if it is somehow possible to have a similar layout with VS Code.
In Beckhoffs TwinCAT3 Shell, which is based on Visual Studio, the decleration of variables and the code are seperated by a horizontal bar. Furthermore the header of the xml file is not displayed in TwinCAT3.
So basically what im asking is if i can make VS Code display
<Declaration><![CDATA[
]]></Declaration>
as a horizontal line and hide the xml header.
VS Code Beckhoff TwinCAT3

Drawing arrows and symbols in Visual Studio Code

I am writing a small tools for VS Code and the tool will need to draw arrows between symbols in the code.
Something along these lines.
Please forgive my skills with Paint.
What it is the best way to achieve this effect in VS Code?
What you want is not possible. The editor output in vscode is a list of DOM nodes (divs for the lines, spans for the syntactic elements). You cannot draw lines between DOM nodes.
If you had full control over the editor you could add an overlay over the entire text to draw the lines, but then you have to take care not to disturb the normal behavior of the editor and, after all, you don't have that kind of control.
A webview is not a good approach, as it would not only require to duplicate the work the normal editor does, it's also isolated and has no direct access to the main application, which means actions, language server support etc. don't work
yes sure use this Rainbow Brackets
its draw an arrow between the start and the end .
enter image description here

VS Code: Is there a way to customize layout? (Not using the preset toggles)

I know VS Code offers to toggle the explorer and panel into a second position, but none offer the desired layout in the image below. Is there a way I can do this by snapping them or even an extension or way to edit the layout code?
This would be useful as I like to use split terminals and some things like server code and especially SQL tables looks nicer when it doesn't wrap.

Is there a way to change background color of syntax highlight in Visual Studio Code

I was looking for a better code editor for my projects and wanted to give VSCode a try. But I couldn't find where to customize the syntax highlighting settings. What I actually need is to change the background color of embedded languages within a file so that I can identify different parts of the code a lot easier.
I have this PHP file which contains, HTML, CSS and JavaScript and I'd like to set different background colors for all 4 languages within this single file. Is this possible with VSCode? or does anyone know a code editor that supports this? UltraEdit supports this but it has so many other shortcomings.
Not possible #3429 Themes don't support background styling

Is it possible to seperate tab and indentation configuration in Visual Studio Code?

I'm trying to configure Visual Studio Code to treat tab characters in files as being 8 spaces but have indentation (when I hit tab on the keyboard) as being 4 spaces. Is this at all possible?
I can achieve this in eclipse with the code style formatter but can't achieve the same thing in VS Code.
(I've submitted an issue to the VS Code repository on git hub now https://github.com/Microsoft/vscode/issues/42643)
You need to modify your user settings (or workspace settings) in VS Code. By default, it is set a tab as 4 spaces.
You can modify the setting "editor.tabSize": 4, and set that to 8.
However, also be aware that "editor.detectIndentation": true, is set to try by default and this causes VS Code to detect the indication size of the file you open. So if the file itself has spacing set to say 4 or even 2, then VS Code will auto set spaces to that value while that file is open...or until you convert indentation.
You can convert indentation via the command palette and that should update the spacing to your desired setting.
As far as I've seen, No.
It appears that VS code still can't separate the two concepts of tab size and indentation distance. Some suggestions, ideas and hopeful soulmates of ours can be found in this issue on github: https://github.com/Microsoft/vscode/issues/5394#issuecomment-215414643
I agree with the comments in that issue in that separating the tab size from the indentation distance is a nice feature that solves several problems. The only thing needed is for someone to actually do the work to implement that in vs code.
Or, a less intrusive route, I have actually been thinking about creating an extension to override the indentation action in some way and use a custom settings variable for the indentation distance there... but I have yet to learn enough about the internals of VS code to determine if that's even possible for an extension to do.