I've been watching a few videos recently and have seen people using text editors and using shorthand notation to quickly markup html.
For example
.my-panel
becomes
<div class='my-panel'></div>
in the editor window. This is fantastic I thought...if only I could do this in Visual Studio. Anyway, I decided to try this in VS and low in behold it works!!
Can anyone tell me where I can find more documentation on this? I've tried to locate it but I don't even know what to Google??
Note: You must press tab after typing out the shorthand...
It's called Zen Coding, it's part of Web Essentials.
Link: http://vswebessentials.com/features/html
Related
I am developing a code completion extension. I have achieved the effect in the figure below in both VSCode and Jetbrains IDE, that is, the completion content is displayed in gray text behind the code. In VSCode, I can achieve it through the Decoration API. In Jetbrains, I can achieve it by rendering a piece of text behind the cursor through EditorCustomElementRenderer. I like this completion method very much. The well-known completion tool Copilot also uses this mode. I have checked a lot of documents, but I still can't find how to implement it in Visual Studio. I want to see how to implement this in Visual Studio, many thanks!
VSCode JetBrains
I researched related documents and tools and found that in VS2019, similar effects cannot be achieved. But Copilot achieves something similar in VS2022. Wondering which API he used? It would be even better if there is such an API in VS2019.
If there is really no related API, I would like to know if there is an API that can render a piece of text near the cursor, which can be in the form of tooltips or something else, similar to the following effect.
tootips
What I hope is that I can control through code when to display this prompt near the cursor.
To summarize my problem is as follows
1. In VS2019, is there an API for rendering a piece of text behind the cursor, similar to Decortaion API in VSCode
2. If not in VS2019, is there any in VS2022?
3. If not, is there a similar API that can display a piece of text behind the cursor? Which can be in the form of tooltips or something else.
I just signed up on this site because I think here are the most qualified people for answering my questions. Maybe someday I can answer some too :)
<p>Hello, Stackoverflow!</p>
Here is my question:
There are many beautiful IDE's like Atom or Sublimetext where you can adjust your window layer just like you want. Now, i find trouble in Visual Studio doing this.
Here is a preview how it should look like (Atom)
This is my favourite layout and i want this to be in VS
So, is it possible? Maybe with an extension or even a built in function?
I am importing a lot of CSS & JS into my app and updating the links as I go. Is there any code inspection possible that will highlight these broken links to make sure I haven't missed any and to save me going through every file?
I know in other IDE's this is a standard thing so I am guessing there should be something in VS but I can't find it.
I'm afraid that it's not possible in pure Visual Studio.
But there is one trick which you can do using ReSharper which might help you and solve your problem. Take a look below:
What is more - you can configure ReSharper to show those "Path errors" not as warning but as errors! Then you will be able to show those during compilation.
Click "ReSharper" in the Visual Studio top menu, then "Options..."
There will be search box in the left upper corner of the "Options" window
Type "Path error" and hit return
Change all of the "Warning" to "Error"
There are a number of sites/tools as listed here that will check anchor links, css links, image links, JavaScript links, etc:
W3C Link Checker
Xenu's Link Slueth
Link Checker FireFox AddOn
Dead Link Checker
I have only ever used the W3C checker which seems to work quite well.
Im just wondering what you use to get the vertical visualisation lines between XAML open and close tags, it makes the XMALso much easier to read.
I cant find a better place to ask this but im sure there might be, sorry if its broken the rules.
Do you mean the Visual Studio extension called "Indent Guides": https://visualstudiogallery.msdn.microsoft.com/e792686d-542b-474a-8c55-630980e72c30 ?
It puts little guides in your VS2013 (and perhaps 2012) that show indents in the XAML editor. If you didn't mean that, I'd still recommend a look as it makes things a lot easier to read!
I want to open The Modify Style dialog box
Someone may know if this moved ?
I have try View->Toolbars-> and from here i cannot fine any style option
If you're talking about the Toolbars -> Style Sheet toolbar, it seems to have been removed intentionally:
Thanks for the feedback. The Stylesheet toolbar was removed because it
added little to no value with outdated wizards and dialogs. We're
looking at bringing more visual tooling back to CSS in the future, but
in a better way.
Regards, Mads Kristensen
Source: http://connect.microsoft.com/VisualStudio/feedback/details/807167/vs-rc-ultimate-2013-missing-toolbar-style-sheet
Might be worth keeping an eye on this one as well (for further verification, it may get updated):
https://connect.microsoft.com/VisualStudio/feedback/details/808299/style-sheet-tool-bar-in-visual-studio-2013