vscode-extension-samples | Sample code illustrating the VS Code extension API

I am new to VSC extension development.

I started with the extension hello world and I want to add an icon to the activity bar and get a notification when it is clicked.

I add these lines to package.json

I am trying to develop a VSCode extension which requires the current open file and same file from previous git revision/commit. Which is same as clicking the open changes button in vs code.

I Tried using SCM and QuickDiffProvider as shown in this sample-extension, but its giving "unable to resolve resource" when trying to open the old file in vscode.

snippet from extension.ts

I'm building a Tree View VSCode extension and would like to highlight a portion of my tree item's labels in certain situations. It seems like a TreeItemLabel supports this functionality via the highlights property.

The API docs specify that one of the constructor signatures for TreeItem accepts a TreeItemLabel as the first argument. The docs for TreeItemLabel only show two properties for this object (hightlights? and label) without any constructor. I'm fairly new to the JS/TS world, and am not sure of how to "pass in" a TreeItemLabel to the constructor of a TreeItem.

I can't seem to import TreeItemLabel from anywhere in the vscode namespace, which eliminates the possibility of using a constructor.

I found a sample test that seems to manually construct a TreeItem with a highlights property by explicitly defining an object with those properties, but I'm not sure how to translate this to my use case.

In my case, I have a class that extends TreeItem and passes some values to super() to make the TreeItem:

as you see above, the building process never finishes and no extension host window appears.

the problem also exists when all extensions all disabled

but this problem doesn't exist when creating project with javascript (the problem is only with typescript)

the steps that I follow is from this tutorial and I also tried the hello world sample from github. but none of them worked.

EDIT:

I tried to open extension development host window manually by code --extensionDevelopmentPath="path/to/my/project" and it worked.

• I think the issue is with some of vscode's configurations

possible fix: I should check the configurations such as npm: watch. but I don't know where are they and what should I do with them??

so any idea?

EDIT 2:

task.json

I'm coding a vscode extension following the guide and I came accross an import problem in my server.ts file. Here is the file tree:

I am getting some odd behavior when updating gutter icons in VSCode using TextEditor.setDecorations() https://code.visualstudio.com/api/references/vscode-api#TextEditor.

On activate of my VSCode extension the class below is instantiated and it's constructor called which "one-time" creates 3 TextEditorDecorationType's https://code.visualstudio.com/api/references/vscode-api#TextEditorDecorationType, one for each state that a test result can be in represented by a NONE, PASS, FAIL icon and finally triggerUpdateDecorations() is called to collect the current globalResults within 3 arrays and set the gutter icons with vscode.window.activeTextEditor.setDecorations()

So far everything works as expected. No tests have been run and every test shown in the editor is updated with a NONE gutter icon.

Now as each test is run in the editor, on completion, triggerUpdateDecorations() is called once again to collect results and update the gutter icons.

If there are for example 10 tests in the editor, each with a NONE gutter icon, if I run a single test that test correctly updates with either a PASS or FAIL gutter icon. This behavior repeats itself for all subsequent tests run, except for the last one. The last test run remains set with its NONE gutter icon. It's not tied to a specific test as I can jump around and the behavior follows the last test run.

I've tried adding a dummy NONE icon to a random place in the gutter not tied to a test and that allows all gutter icons tied to a test to be updated with PASS or FAIL gutter icons.

I've been experimenting a lot to try and solve this and can't seem to find the root cause. Greatly appreciate any insights on how to solve this.

Note some of this code stems from the VSCode Samples shown here https://github.com/microsoft/vscode-extension-samples/blob/main/decorator-sample/src/extension.ts#L58

I have these lines in the settings.json:

I've created a vscode extension which handle some Rakefile tasks. Now I want to limit that the extension will be displayed in the explorer only when user open a Rakefile

for that I use the following entry in the package.json

We have a (internal) VS Code extension implementing the Language Server Protocol for a language. I've checked out the VS Code LS sample to enable debugging on the server, however in the sample, the ServerOptions used to initialize the LanguageClient is always a type: