How can I list and edit js/css files linked in a master page in Visual Studio Code? - visual-studio-code

I've started to use Visual Studio Code instead of Dreamweaver and one of the things I loved about Dreamweaver is that it listed all the "Related" js/css/php files that were included/linked as href/src values in to the master page for quick editing.
Is there any way I can get this functionality in VSCode? I can't seem to find an extension that does this.

You can try the extension HTML Related Links.
Feel free to add feature requests.

Related

Is it possible to rank search results lower based on the file path in VS Code?

There are certain files that I'd like to always appear below other files in the search results. E.g. generated files and tests. I don't want to exclude them from the search results. Usually, I'd be searching for files that aren't generated or tests. There's a setting called "Search: Sort Order", but none of them work because the files I want to de-rank are interspersed with other files.
Is there a setting or extension that could work?
I'm not sure this is possible with the current LTS version of Visual Studio Code.
However, if you want the feature to be available, and many people also want it, you can make a new GitHub Issue with the tag feature-request. Microsoft might review it (if there are many people who want it too), and add the feature.
Edit: This link at Visual Studio Code might help. Click here for the documentation.

Is there any way to highlight a file in the Visual Studio Code explorer?

As a reminder, I would like to be able to highlight a file (in Explorer) that I have made important changes to. Highlighting it would make it easy to find again!
Visual Studio Code still doesn't provide such a feature. If you have source control, it will allow you to track modified files unless it is not available yet.

How do I configure VS Code to auto-complete / closing of HTML elements in PHP files like Adobe Brackets does?

Adobe just slapped me with horrible news saying they will end support for the Brackets Editor and we need to switch to VS Code.
I wasted an hour already just to have auto-closing of tags to work.
Here is a video explaining exactly what I want.
https://imgur.com/a/tLWpU4x
I want to be able to have auto-close work for HTML elements in a PHP file like it does without issue on Adobe Brackets.
VS Code has a lot of extension for this kind of need. I personally use HTML Snippets.
Just navigate to extensions tab, search HTML Snippets then click install.
Please check this link for your reference. You can find some extension which could cater your needs.

Visual Studio Code Automatic Preview Mode on Sidebar navigation?

I've recently moved to Visual Studio Code from Sublime Text.
Something that I'm missing is the "automatic preview mode" (I don't know the exact name): in ST, if I navigate the files in the sidebar with the keyboard, every file is automatically opened in a (static) preview editor.
I couldn't find anything similar in VSC. The most similar functionality requires me to single-click, but I have two problems with this:
I'm a "keyboard-prevalent" user, and (single-)clicking defeats the purpose;
in ST this happens automatically, so it's faster anyway.
Am I missing something?
I've been searching for a while, but can't find anything relevant. It seems there are references to this functionality from Search Files (Ctrl+P), but I'm looking this functionality on the sidebar, since I use this while working on files of a single directory.

Visual studio code extension: How can I add error markers to files in the explorer?

I have written a validator for my vscode extension, which uses a DiagnosticCollection to set errors for files. This works and the errors are shown when a file is opened.
I would now like to mark files in the explorer, so that it is easy to find files with errors. Here is an example]of how it looks in Eclipse:
Is it possible to do this in a vscode extension? Is there already an extension doing this?
Unfortunately, you can't do that.
There is an open issue asking something related to Git, but not as open as you want. Maybe using the API described in this another issue you could create a new panel with the marked files.
It is still experimental, BTW...