CSS parser in code. overflow-x: none - visual-studio-code

I am new to vscode and I am wondering why this editor does not show any kind of indication on a .css file when I place an invalid attribute of none to overflow-x?
When I press CTRL+SPACE nothing is shown, that is great and I can use that to verify. But I was hoping that this editor has some kind of validation and warning or "squiggly" underline that can happen for developers like most editors might try.
How can I configure this so CSS is parsed with a plugin properly to see errors in CSS so I dont have to look up mozilla web pages of values and can know whether I mis-keyed some value.
Thank you!

Related

VSCode Comments aren't inline

I use VSCode and I think its a great editor, but when I write a comment in html it drops to a new line under what I'm commenting which is really irritating.
If I comment a closing div I want it next to the closing div not under it.
I have uninstalled prettier but that made no difference.
Is what I want even possible in VSCode?
Any advise would be appreciated because I am so irritated that I am considering using a different editor (I'm on a Mac just in case it matters).
Thanks in advance.
This was a problem for me too, as were other new line / white space related HTML issues.
Assuming you are not using any formatters besides the native VSCode HTML language features (you said you uninstalled prettier, but you didn't mention whether you were using something else),
there is a setting HTML white space which you can set to preserve to leave your comments untouched.
Note that you may need to go into settings and check what is being used as the HTML default formatter

Way to view opening tag when closing tag selected in VSCode?

Looking into using VS Code over PHP Storm and there's one major feature I haven't been able to replicate. Not sure if the community knows of any available plugins or a native way to enable this.
I'm hoping this is the best place to ask, since the VS Code doesn't really have a community section besides recommending asking questions on here.
In PHPStorm when you have your cursor on a closing tag it'll have a little floating line showing you where the opening tag is. Great for knowing exactly what closing tag you're viewing, and it's attributes.
Also, when you're in a tag you can see this down at the bottom, basically the entire tree of where you are.
These are the last few major PHP Storm features I don't think I could live without. If anyone knows of a way to replicate either of them I'd be very grateful.
Thanks!
The HTML End Tag Labels extension could help you. It shows the id or class, depending on what is given after the closing tag.
End Tag Labels on VSCode Marketplace
[I tested this in an html and js file but not a php file.]
// Controls whether the editor should highlight the active indent guide
"editor.highlightActiveIndentGuide": true,
// Controls whether the editor should render indent guides
"editor.renderIndentGuides": true,
These are the defaults and then I suggest the following colorCustomizations:
"editorIndentGuide.activeBackground": "#fff8",
"editorIndentGuide.background": "#fff0",
The second one above makes all the inactive guides transparent and the first makes the active guide middle grayish.
To highlight the matching tags, see match tag extension
With that extension, try this setting:
"highlight-matching-tag.style": {
"borderWidth": "2px",
"borderStyle": "solid",
"borderColor": "red",
"borderRadius": "5px"
},
You will need to reload vscode when you make changes to this extension's settings for them to take effect.

Brackets auto tag completion like dreamweaver?

I've just about had as much as I can stand with Brackets, and NPP isn't much better. I'm so used to coding in Dreamweaver that I have become very accustomed to Adobe's auto tag completion - for example -
When I type
<div>
div content
misc. stuff
etc
</ (at this point, dreamweaver will complete the </div> tag)
In brackets, as soon as I type
<div>
it will automatically turn it into:
<div></div>
with the cursor in the middle, to insert content between the opening and closing tags.
Notepad++ will do neither of the above, unless I go into settings>preferences and turn on tag autocomplete, where it will do the exact same thing as brackets.
I absolutely hate this, I love the way Dreamweaver completes their tags but I don't like Dreamweaver in general. Is there a setting for this type of auto-completion in Brackets or Notepad++ that I may have overlooked? I've spent literally hours looking for a solution to this, everything from editing backets' JSON file to trying different HTML editors to almost throwing my G** D*** laptop against a wall from infuriation.
Is there a setting I can change, or a specific line of code I can add to Brackets' config.json file? If not, if you know of another program that has dreamweaver style tag closing, please please PLEASE let me know, I've been desperately looking for something to replace it!
Thank you very much in advance.
Yes, in Brackets you can get that behavior by adding this line to your preferences JSON file:
"closeTags": {"whenOpening": false, "whenClosing": true, "indentTags": [], "dontCloseTags": []}
To edit your preferences file, choose Debug > Open Preferences File from the menu. If the file is currently blank, be sure to wrap the above line in {}s.
For more details, check out the full list of Brackets preferences.

How to stop FlashDevelop suggestions in text files

I'm using FlashDevelop 4.6.1.30 in Windows, using it with HaxeFlixel.
The autocomplete suggestions appear when editing code - this is wanted, it is good.
They also appear when editing text files though - this is not wanted, it is not good.
Specifically, if I create a new text file in flash develop (so the file is called "readme.txt" or something), after typing a few words, FD tries to "guess" what I'm typing and pops up the suggestions list. This, of course, makes no sense when trying to type out things that aren't code.
Yes, I've seen this Flashdevelop - Disable autocomplete for txt files and no, it doesn't work - even after a restart.
Here is a screenshot showing it not working...
Can confirm, setting that option doesn't prevent completion in .txt files. Consider opening an issue on the FlashDevelop repository.
Looks like a bug.
For now you can simply disable the BasicCompletion plugin (check Disable and restart FlashDevelop).

Buld icon and content assit in Eclipse pages?

Sometimes a little bulb icon appears in the current edit field in Eclipse. Hint says "Content Assist Available".
What does this bulb mean?
(P.S. I would not ask if Ctrl-Space invoked some content assistance)
It is supposed to mean that content assist is available. However as you have found it does not seem to function on this field in the extension point editor.