In the command palette (&lt;kbd&gt;F1&lt;/kbd&gt;), there is a `Files: Reveal Active File in Side Bar` command. You can assign a shortcut to it via the keyboard shortcuts editor:

![](http://i.imgur.com/UZPoqFr.png)

Alternatively, you could try the [Reveal](https://marketplace.visualstudio.com/items?itemName=smulyono.reveal) extension which adds this button to editors:

![](https://i.imgur.com/cGCyeo0.png)

It might make sense to disable auto-reveal when using this shortcut as a &quot;manual reveal&quot;:

```lang-json
&quot;explorer.autoReveal&quot;: false
```

To show the active file in the Windows-Explorer or sidebar:

- right-click on the file tab and choose &#39;reveal in explorer&#39;/&#39;reveal in side bar&#39;

[![enter image description here][1]][1]

The keyboard shortcut for reveal in windows explorer is is &lt;kbd&gt;ctrl&lt;/kbd&gt; &lt;kbd&gt;K&lt;/kbd&gt; &lt;kbd&gt;R&lt;/kbd&gt;

To show the file in the sidebar you can assign a custom code in the keybindings window:

[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/OVRh3.jpg
  [2]: https://i.stack.imgur.com/0P6sX.png

Just press Cmd + Shift + E and the explorer will show the file you are viewing.

Wanted to add that the first answer still works, but that the text was slightly changed to &quot;Reveal in Explorer View&quot; from &quot;Reveal file in sidebar&quot;

[![enter image description here][1]][1]


and

right clicking on the tab

[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/cDiLn.png
  [2]: https://i.stack.imgur.com/XOJpS.png

The current official docs only shows how to dynamically **change** components **within** an `&lt;ng-template&gt;` tag. https://angular.io/guide/dynamic-component-loader

What I want to achieve is, let&#39;s say I have 3 components: `header`, `section`, and `footer` with the following selectors: 

    &lt;app-header&gt;
    &lt;app-section&gt;
    &lt;app-footer&gt;

And then there are 6 buttons that will add or remove each component: `Add Header`, `Add Section`, and `Add Footer`

and when I click `Add Header`, the page will add `&lt;app-header&gt;` to the page that renders it, so the page will contain:

    &lt;app-header&gt;
And then if I click `Add Section` twice, the page will now contain:

    &lt;app-header&gt;
    &lt;app-section&gt;
    &lt;app-section&gt;

And if I click `Add Footer`, the page will now contain all these components:

    &lt;app-header&gt;
    &lt;app-section&gt;
    &lt;app-section&gt;
    &lt;app-footer&gt;

Is it possible to achieve this in Angular? Note that `ngFor` is not the solution I&#39;m looking for, as it only allows to add the same components, not different components to a page.

EDIT: `ngIf` and `ngFor` is not the solution I&#39;m looking for as the templates are already predetermined. What I am looking for is something like a stack of `component`s or an `array` of `component`s where we can add, remove, and change any index of the `array` easily.

EDIT 2: To make it more clear, let&#39;s have another example of why `ngFor` does not work. Let&#39;s say we have the following components:

    &lt;app-header&gt;
    &lt;app-introduction&gt;
    &lt;app-camera&gt;
    &lt;app-editor&gt;
    &lt;app-footer&gt;

Now here comes a new component, `&lt;app-description&gt;`, which the user wants to insert in between &lt;app-camera&gt; and `&lt;app-editor&gt;`. `ngFor` works only if there is one same component that I want to loop over and over. But for different components, `ngFor` fails here.

Dynamically ADDING and REMOVING Components in Angular

I am using [IdentityServer4][1].

I want to add other custom claims to access token but I&#39;m unable to do this. I have modified Quickstart5 and added ASP.NET Identity Core and the custom claims via ProfileService as suggested by Coemgen [below][2].

You can download my code here: [zip package][3]. (It is based on: [Quickstart5][4] with ASP.NET Identity Core and added claims via ProfileService).
 
Issue: GetProfileDataAsync does not executed.

  [1]: https://identityserver4.readthedocs.io/en/release/
  [2]: https://stackoverflow.com/a/44795605/103264
  [4]: https://github.com/IdentityServer/IdentityServer4.Samples/tree/release/Quickstarts/5_HybridFlowAuthenticationWithApiAccess

How to add custom claims to access token in IdentityServer4?

When I have a file opened, I&#39;d like to have a shortcut to navigate to this file inside the `EXPLORER`, so that I can see where it is located.

How can I do this?

How to reveal current file in Explorer?

<p>When I have a file opened, I'd like to have a shortcut to navigate to this file inside the <code>EXPLORER</code>, so that I can see where it is located.</p>
<p>How can I do this?</p>


I&#39;ve just set up my Macbook for flutter development, 

So I downloaded flutter SDK, and placed it in my **Documents**. After, I set up my path variable to work with **flutter** in my command line.

I execute the command `flutter create todolist` so I achieve a blank project.

I also set up my visual studio code with **Dart-Code** so I have the proper syntax highlight, IntelliSense, etc.

So when I open visual studio code, it highlights the `import` method, like the following image:

![first line of the code][1]

This means that it also highlights the classes that are correct, making it completely hard to understand if it&#39;s a real error or not.

I have executed both `pub get` and `flutter packages get` and got everything correctly.
I have my path variables all correctly.

Why is it highlighting it cannot find that &#39;import&#39; package?


  [1]: https://i.stack.imgur.com/UxHR6.png

Visual Studio Code - Target of URI doesn&#39;t exist &#39;package:flutter/material.dart&#39;

The vertical column that contains the code line number is VSC is too wide. Is there a way to narrow it down? 


[![vsc view of line numbers][1]][1]

  [1]: https://i.stack.imgur.com/oMfez.png

Is there a way to make vscode line number field smaller width?

I&#39;ve the following snippet in my index.js

```
class App extends Component {
    render() {
        return ( &lt;div style = { styles.app } &gt;
            Welcome to React!
            &lt;/div&gt;
        )
    }
}
```
&lt;br&gt;
The code works, but every time I save (ctrl+s) visual studio format the jsx like that:

```
class App extends Component {
    render() {
        return ( &lt; div style = { styles.app } &gt;
            Welcome to React!
            &lt;
            /div&gt;
        )
    }
}
```

How can I solve this? thanks


Visual studio code changes format (React-JSX)

ESLint is not working for me in VS Code. I have the plugin installed in VS Code, and ESLint itself as a developer dependency in my package.json, which I have installed as well.

I modified the following option in the VS Code User Settings:

    {
      &quot;eslint.options&quot;: { &quot;configFile&quot;: &quot;C:/mypath&quot; }
    }


I have use the command `eslint --init` to add the basic `.eslintrc.json` to the main directory of my package. 

Other people were able to get ESLint feedback from VS Code using the exact same package with the exact same ESLint config file. 

I have received no feedback of any kind when directly breaking multiple rules that were all included in the recommended rule set that is by default inside of the `.eslintrc.json` file.

What am I missing?

Edit: I have tested using ESLint via command line, and everything worked as expected, with the errors found where they should have, however, these same errors never showed up in VS Code. The issue seems to be on VS Code&#39;s side and not ESLint.

ESLint not working in VS Code?

I went through https://code.visualstudio.com/docs/getstarted/theme-color-reference but can&#39;t seem to find the setting for changing the comment color. 

I am currently using Atom One Dark Theme and just like to lighten the color a little bit so I can read it better.

How do I change color of comments in visual studio code?

I have 4 lines like this in vscode:  

&gt; 1 line;   
&gt; 2 line;  
&gt; 3 line;   
&gt; 4 line;  

Does vscode have a shortcut that can quickly compact 4 lines to 1 line like this:  
&gt; 1 line;   2 line;  3 line;   4 line;  


How to make vscode compact multiple lines to a single line?

If I quick open a file using the quick open menu, is there a **keyboard shortcut** that will take the opened file outside of preview mode so that when I open a new file it won&#39;t replace the currently open one?

(I&#39;m looking for a keyboard shortcut as opposed to double-clicking the filename or tab in order to keep my workflow keyboard oriented)

Keyboard shortcut to take file out of preview mode in VSCode

I&#39;m familiar with how to move a line up or down in other editors, like Atom and Sublime. 

How is this done in Visual Studio Code for Mac?

How to Move a Line Up or Down in Visual Studio Code for Mac

I&#39;m looking to switch between terminals open in visual studio code.

With this [&quot;Switch focus between editor and integrated terminal in Visual Studio Code&quot;][1] question I correctly setup the focus, but I would like to switch between terminals, not only from code to terminal.

Is there a way to do it?


  [1]: https://stackoverflow.com/questions/42796887/switch-focus-between-editor-and-integrated-terminal-in-visual-studio-code

How to switch between terminals in Visual Studio Code?

I&#39;ve been using VSCode a lot lately and have gotten used to the keys-shortcuts/key-bindings (Ctrl+D, Ctrl+P, Alt+leftArrow, etc). However I&#39;ve recently had some work where I needed to use regular Visual Studio (Microsoft Visual Studio Enterprise 2019) and it&#39;s painful remembering two different shortcut keys.

Is there a way to import VSCode key-shortcuts to into regular Visual Studio?

I&#39;ve looked at [this question][1] and there wasn&#39;t much help besides manually changing them one at a time.


UPDATE: now the above post answers the question now that I posed Francois du Plessis&#39;s answer there.

  [1]: https://stackoverflow.com/questions/51786288/how-to-import-vscode-keybindings-into-visual-studio

Content Type	Original Author	Original Content on Stackoverflow
Question	Jim Aho	View Question on Stackoverflow
Solution 1 - Visual Studio-Code	Gama11	View Answer on Stackoverflow
Solution 2 - Visual Studio-Code	jps	View Answer on Stackoverflow
Solution 3 - Visual Studio-Code	Khaled Annajar	View Answer on Stackoverflow
Solution 4 - Visual Studio-Code	Gaunt	View Answer on Stackoverflow

How to reveal current file in Explorer?

Visual Studio-Code Problem Overview

Visual Studio-Code Solutions

Solution 1 - Visual Studio-Code

Solution 2 - Visual Studio-Code

Solution 3 - Visual Studio-Code

Solution 4 - Visual Studio-Code

How to add custom claims to access token in IdentityServer4?

Dynamically ADDING and REMOVING Components in Angular

Attributions