Is there any extension in VS Code by using which I can view the source and design of developed HTML at same time similar as we have tabs in visual studio to view html source and design.
Like this- http://social.msdn.microsoft.com/Forums/getfile/699539
Regards,
I believe you are looking for something like this:
https://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer
EDIT: Just search VS marketplace for HTML live previewer. I added an example in the link.
Related
There is a list of words/phrases that I would like Visual Studio Code to underline when they occur in the project. The list is custom. How to accomplish it?
You can use the extension Highlight to give particular text a different color.
I like the extension Highlight mentioned by #rioV8, but what it misses is:
1) You can not provide a message when code part triggers RegEx
2) It highlights with different colors (it's nice). But it does not use Lenses in Visual Studio Code.
So i wrote an extension that does that. Shows message when code triggers RegEx in realtime. You can think of it like as an Uber Linter.
https://marketplace.visualstudio.com/items?itemName=tomasz-smykowski.assistant
You can find it above and install. Also there is source code available on GitHub
I wish to develop an open-source WYSIWYG editor for markdown in vscode.
See the image below. I want an extension that can do something like that.
Change font-sizes for lines for titles.
Change lines indentation for subtitles.
I'm looking at the extension reference: https://code.visualstudio.com/api/references/vscode-api and don't see something that can help.
Do you have an idea how to change the CSS of the editor based on rules? in addition, If you have a link to extension that did it may help.
In other words: How a vscode extension can change css style of the editor window?
You can't change arbitrary css in the editor. See the extension guide for info about the VS Code extension philosophy and how you can extend VS Code
Two options:
Use the decorations api to change rendering of tokens in the editor.
Use a webview to implement a custom view (but don't try re-implementing a text-editor because it will be a pain and will not work like VS Code's normal editors do)
I saw on a video presentation about TypeScript this icon in Visual Studio Code:
It looks like a git extension, but which extension is that? I would like to try it...
What about this other one?
It looks like they are useful extensions...
The first view / icon is from the GitLens extension.
The second view is actually built into VSCode. It shows "Find References" results, and consequently it only appears when Find References that has been executed in the current VSCode session.
Are there any plug ins for mentioned IDEs that let me see the whole text file similar to how sublimetext does it? See their website, to the right of the text there is a super minimized overview of the entire file. Amazing feature which makes me want to change to it but i rather want an IDE :/ so i hope eclipse or visual studio might have something similar?
Visual Studio has a plugin called ProgressiveScroll which works on 2010+
It hasn't been updated for a while but seems to work okay in 2013.
Eclipse now has a built-in feature like this since version 4.9, called Minimap.
You can access it from Window -> Show View. If it's not in the list, click Other... at the bottom, and it's under General.
I mostly use SlickEdit and eclipse while working on embedded systems. Once in a while I need to use Visual Studio, and I terribly miss this feature that is known by different names in different editors. Basically you get a small window of 'outline style' code summary on the side (showing just the function names and optionally the static and globals at the top). You click an item on this little window and your cursor in the main editor window magically jumps to that item location. Here is how it looks like in SlickEdit:
http://sites.google.com/site/fractalspace/tmp1
Anyone knows what I am talking about ?
Any 'pointers' will be much appreciated :)
Thanks.
Take a look at the DPack addin
and more specifically at the Code Browser feature