How do I show reference count in Visual Studio Code?

Viewed 59181

I want to show references count in Visual Studio Code. How can I do it?

Enter image description here

7 Answers

The menu structure ususally changes during years. So in VSCode v.1.43 please follow the next steps:

  1. Click Gear icon and go to Settings

enter image description here

  1. In the "Settings" window in the input field type "reference", click "User" tab, under "Extensions" click "Typescript" and find "Reference Code Lens" checkboxes for javascript/typescript.

enter image description here

Checking/unchecking checkboxes will automatically apply your changes.

Sometimes you don't want to turn it on/off completely, but toggle it on/off with a keyboard shortcut. If so, the following may help:

  1. Install an extension: https://marketplace.visualstudio.com/items?itemName=rebornix.toggle

  2. and configure it for your desires. (Preferences -> Keyboard Shortcuts -> keybindings.json)

For Example for TypeScript:

{
    "key": "F4",
    "command": "toggle",
    "when": "editorTextFocus",
    "args": {
        "id": "myChosenIdWhatEverItIs",
        "value": [
            {
              "typescript.referencesCodeLens.enabled": true,
            },
            {
              "typescript.referencesCodeLens.enabled": false,
            }
        ]
    }
}

The simple process for show the reference count.

  1. Step 1: From Settings – Type CodeLens and Enable the Editor: Code Lens and JavaScript > References Code Lens to check the references in JavaScript File.

enter image description here

  1. Step 2: Then open any of your JavaScript file to identify the References of Property or Method in the file.

enter image description here

  • If any case, you can't show the reference, then enable(yes) assets to build and debug in own project.

enter image description here

  • If you'll click to the yes button of assets then, you'll seen the .vscode file

enter image description here

On Visual Studio 2019 Community Edition, just hit Ctrl+Q or look for the text box next to Help, enter CodeLens there. That is by far the quickest and easiest.

CodeLens on Search Enable

In Visual Studio 2019 Community it's in Tools → Options → Text Editor → All Languages → CodeLens.

Related