Vscode status bar statusbar

establish statusBar

	//  Create a status bar , The first parameter is position , The second parameter is priority 
	myStatusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
	//  Register commands for the status bar 
	myStatusBarItem.command = myCommandId;
	//  Status bar text display 
	myStatusBarItem.text="Nothing is selected！";
	//  The content displayed when the mouse is placed on it 
	myStatusBarItem.tooltip="statusBar test！";
	//  Add in 
	subscriptions.push(myStatusBarItem);

by statusBar Create command

//  Command name 
	const myCommandId = 'sample.showSelectionCount';
	//  Registration order 
	subscriptions.push(vscode.commands.registerCommand(myCommandId, () => {
    
		//  Get the number of rows selected from the editor 
		const n = getNumberOfSelectedLines(vscode.window.activeTextEditor);
		//  When you click statusBar Feedback operation performed when ： Returns the number of rows selected 
		vscode.window.showInformationMessage(`Yeah, ${
      n} line(s) selected... Keep going!`);
	}));

Related functions

//  Real time update function 
function updateStatusBarItem(): void {
    
	const n = getNumberOfSelectedLines(vscode.window.activeTextEditor);
	if (n > 0) {
    
		myStatusBarItem.text = `$(megaphone) ${
      n} line(s) selected`;
		//  Display the status bar when there is a selection 
		myStatusBarItem.show();
	} else {
    
		//  Hide the status bar when not selected 
		myStatusBarItem.hide();
	}
}

//  Get the selection number function 
function getNumberOfSelectedLines(editor: vscode.TextEditor | undefined): number {
    
	let lines = 0;
	if (editor) {
    
		lines = editor.selections.reduce((prev: number, curr: {
     end: {
     line: number; }; start: {
     line: number; }; }) => prev + (curr.end.line - curr.start.line), 0);
	}
	return lines;
}

stay activate Function to run the real-time update function

export function activate({
     subscriptions }: vscode.ExtensionContext) {
    

	//  Command name 
	const myCommandId = 'sample.showSelectionCount';
	//  Registration order 
	subscriptions.push(vscode.commands.registerCommand(myCommandId, () => {
    
		//  Get the number of rows selected from the editor 
		const n = getNumberOfSelectedLines(vscode.window.activeTextEditor);
		//  When you click statusBar Feedback operation performed when ： Returns the number of rows selected 
		vscode.window.showInformationMessage(`Yeah, ${
      n} line(s) selected... Keep going!`);
	}));

	//  Create a status bar , The first parameter is position , The second parameter is priority 
	myStatusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
	//  Register commands for the status bar 
	myStatusBarItem.command = myCommandId;
	//  Status bar text display 
	myStatusBarItem.text="Nothing is selected！";
	//  The content displayed when the mouse is placed on it 
	myStatusBarItem.tooltip="statusBar test！";
	//  Add in 
	subscriptions.push(myStatusBarItem);

	// register some listener that make sure the status bar 
	// item always up-to-date
	subscriptions.push(vscode.window.onDidChangeActiveTextEditor(updateStatusBarItem));
	subscriptions.push(vscode.window.onDidChangeTextEditorSelection(updateStatusBarItem));

	// update status bar item once at start
	updateStatusBarItem();
}